top of page

對這個網站的設計有興趣嗎?讓我來跟你聊聊這個網站的設計概念吧! 


這個網站的設計概念是始於一張白紙(或是一頁筆記),我希望這個網站能充分的展現出Slokavan想要表達的設計理念,因此我以一張白紙為基礎,在介面的設計上,我採用了簡單的黑色線條勾勒出整個網站的基礎框架,並在這些框架上延伸出網站的內容,所有的部件都遵循著"連結"這個概念,與其他部件用著各種方式保持著最完美的協調感,這個設計風格被我稱為談紙藝術Papre Art。


在介面的設計上我刻意不讓畫面顯得過於生硬,但還是選擇了黑白的極簡配色搭配海軍藍作為點綴色,我希望Slokavan所發想出的創意能夠在一張白紙上躍然指尖,而不只是單純的紙上談兵,所有的設計都不顯得過於拖沓,只專注於凸顯出重點與核心理念。


這個網站的設計完全是從零開始,這是一個凝聚匠心設計出的網站,並且不參考任何其他的網站,因此你可能會在網站上發現一些小缺陷,我也會繼續努力的修復這些意料之外的錯誤,創意就算被手上工具限制住,依然能想辦法突破框架,展現出腦海中所構想出的獨特創意。


by 澄清石灰水

談紙藝術Paper Art

Saylor是Skv.Design於2022年所開始發想設計的一系列UX設計概念,廣泛用於Skv.Design所設計的網站中,同時也用於應用程式與其他UI設計中。


 Saylor中文譯作塞勒設計,簡單區分為兩種主要的風格,包括注重獨特設計的Exhibit風格與注重實用性的Feature風格。在整體的設計上,Feature風格的外觀會近似於Google所開發的Material Design,反之Exhibit能夠完整地展現出Saylor所蘊含的獨特外觀風格,並且在整體介面的操作邏輯上也與Feature風格有著很大的區別,每個使用Feature框架所設計的介面都是獨一無二的。

什麼是Saylor?

創作始於一幅空白。


Saylor既能透過簡單的黑白線條勾勒出具有強烈風格的創意設計,也能夠利用各種方塊推砌出輕巧柔和的雲朵,所有的設計理念源自於你腦海中所構想出的完美藍圖,只要你想的到的我們都能在一張空白的畫布上實現。

來自Saylor的獨特設計美學

輕觸開啟懸浮視窗,歡迎使用the.Click。


the.Click於Saylor 4更新中正式新增,這個全新的交互邏輯基於舊的視窗化操作進行了完全重新設計,並融合了歷代網站所累積的視窗化操作方式,將輕觸這個概念發揮到極致,再結合Cyule大量累積的雲朵方塊設計概念,催生出了the.Click視窗化操作介面。

the.Click使用者交互邏輯

色彩科學是一門複雜而又深奧的學問,良好且有邏輯的色彩調配能夠使人留下最好的第一印象。 


根據不同的使用場景,Saylor在調色上也會有不同的差異,並且給出對應的調色風格,例如活潑躍動的鮮豔色彩、溫和的低飽和低對比色彩、對比度強烈的極簡黑白配色。

現代化的獨特調色風格

讓美觀性與實用性達到完美的平衡。


對於介面的規劃上,Saylor大致分為了兩種不同的方向,如注重獨特設計的Exhibit風格,又或是更加注重實用功能性的Feature風格,兩種風格在視覺的呈現上也大有不同,但都會在盡可能簡約的前提下展現出獨特風格。

獨樹一格的極致簡約設計

所有使用者都應該得到公平的對待,操作介面也一樣。


Saylor所設計的網站皆是基於Wix Editor X編輯器所設計,透過Editor X提供的強大多平台設計工具 - FlexBox讓各個平台的裝置都能在保持介面美觀性的前提下獲得良好的使用體驗。


詳細資訊請見Wix Editor X | 為專業設計師量身訂製的編輯器

FlexBox跨平台自適應設計

一個好的設計應該要面面俱到。


Saylor的設計風格也能應用於任何排版設計的相關項目,例如:圖片封面、文字排版、海報、Logo標誌等項目。

更多延伸應用

我們提供一切幫助,讓你在學習的道路上一路順風。


想要更深入學習Saylor設計風格的應用並獲得Saylor的官方使用授權?我們已經將所有的資源都整理完畢,隨時能夠提供給你作使用,你可以透過我們的聯絡管道向我們聯絡,我們將會竭盡全力幫助你。

設計授權與開源

立即瀏覽預覽版網站:https://slokavan.editorx.io/saylorlib

Saylor.Libx設計庫

Saylor
Design
Saylor
Design
Saylor
Design
bottom of page