五個建議幫助大家設(shè)計別具一格的網(wǎng)站
五個小建議幫助大家設(shè)計出別具一格的網(wǎng)站。
一、布局排版可以做突破
不知道大家會不會有過類似的體驗,當你同時在進行幾個網(wǎng)站的設(shè)計時,設(shè)計出來的界面布局很多時候都是一種風(fēng)格,可能就換了個顏色。所以送給大家的第一條建議就是布局要有突破。


例如Papillonsdenuit這個網(wǎng)站。,它的頁面布局就很自由靈活,也很活潑有動感。
二、可以多采用幾種字體
在字體對比的那一篇文章當中,我跟大家簡單介紹到字體對比的重要性,也說到字體有很強的識別性和可讀性,因此字體在整個界面上的設(shè)計也相當重要。字體設(shè)計得好,可以為整個網(wǎng)站錦上添花。在整個網(wǎng)頁當中,我們在使用字體的時候可以考慮多幾個字體,可以豐富設(shè)計,避免千篇一律。
字體可以適當?shù)淖鰧Ρ?,標題類的字體可以選用常用的黑體或是微軟雅黑,大篇幅的文章內(nèi)頁文字可以采用宋體,宋體更適合小字閱讀。 宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。筆劃有粗細變化,常用于書籍、雜志、報紙印刷的正文排版,所以在大篇幅文章的設(shè)計時,可以采用宋體。宋體是Windows系統(tǒng)下最常見的字體,小字體點陣,大字體TrueType。大標題顯示時字體不是很好看,所以一般不建議用宋體來當標題。 當然,不要覺得字體越多就越好,一個網(wǎng)站選用2-3種字體就可以了,切勿太多,多了就亂了。
三、字體間的間距要統(tǒng)一
整個網(wǎng)站當中的字體間距一定要統(tǒng)一,不要這個頁面的間距是15px,第二個頁面的間距就是20px,這樣雜亂無章。
不管是同個頁面或者是不同頁面下的字體間距我們設(shè)計都要統(tǒng)一。好比段落統(tǒng)一間距1.5倍,標題和段落之間的間距是20px。這樣的界面會讓瀏覽者產(chǎn)生熟悉感,不會每個頁面進去都不一樣,需要時間去適應(yīng)。

像喧喧即時通信解決方案官網(wǎng),你點進去內(nèi)頁可以看到,當網(wǎng)站內(nèi)容多的時候,設(shè)計師的行距間距都做了一個統(tǒng)一的調(diào)整,標題之間的間距和字體段落之間的間距都設(shè)計過了,所以看起來不會讓人產(chǎn)生疲勞感。
四、網(wǎng)站配色要大膽
網(wǎng)站的配色切勿單一,不要一個顏色用整個網(wǎng)站,這樣的網(wǎng)站看起來會很單調(diào),一般可以采用一個主色調(diào)加幾個輔助色來豐富界面。主色的選擇大都是logo色或者是形象色,輔助色的選擇稍微靈活點,可以根據(jù)網(wǎng)站的風(fēng)格來確定。

對比色會很突兀和刺激,鄰近色會比較協(xié)調(diào)溫柔。不同顏色的搭配可以表達不同的情緒,所以設(shè)計師在設(shè)計的時候可以多采用幾種顏色搭配,看看哪一種效果比較出彩。

DRAP agency 設(shè)計公司網(wǎng)站采用的就是藍色和一個玫紅色的一個色彩對比,可以看出這種強的色彩對比讓人產(chǎn)生興奮的視覺感受。
在這里給大家推薦幾個顏色搭配的網(wǎng)站,沒有靈感的時候可以上去找點靈感。
Paletton
幫助平面設(shè)計師和網(wǎng)頁設(shè)計師選擇理想的配色方案,打開網(wǎng)站即可選擇一種顏色,然后系統(tǒng)自動生成配套的色系供設(shè)計師使用。

Color Scheme Designer
Color Scheme Designer 后來改名成Paletton,是小編用得比較頻繁的配色網(wǎng)站。使用時只用開一個窗口,功能完備且實用,定制性強,幾乎無缺點,非要說一個的話就是復(fù)制RGB值不太方便。

Nippon Colors
這個網(wǎng)站沒有前面幾個推薦的配色網(wǎng)站好用,實用性不是很高。但是這是小編不得不推薦的,這個絕對是文藝范十足。
五、元素的使用要統(tǒng)一(按鈕、鏈接、圖片)
元素這里說的包括網(wǎng)頁中用到的按鈕、圖片、鏈接的樣式設(shè)計,跟前面的字體間距要統(tǒng)一是一個道理的,如果這個頁面的按鈕是方角的,但是打開另外一個頁面的按鈕變成圓角,這樣會讓瀏覽者產(chǎn)生不適的感受。這種感受會影響到用戶體驗,所以我們在設(shè)計按鈕或者是圖片等相關(guān)元素的時候,需要統(tǒng)一這些元素。
給大家推薦宜家的官網(wǎng),其實現(xiàn)在很多商城的設(shè)計方式都改成這種單產(chǎn)品,沒有背景色的了,這樣的設(shè)計更簡潔了。

沒有截取宜家官網(wǎng)的全部,只是截取了產(chǎn)品展示的一部分,產(chǎn)品雖多,但卻也很統(tǒng)一。可以多嘗試這種設(shè)計方式。








































