• EN
香港:(852)3749 9734
廣州: (020)3834 3713
[email protected]

新聞資料

網頁設計技巧:如何打破常規設計特別的網站

如何打破常規設計特別的網站?雖然按照常規的網頁設計技巧能確保網站的外觀和操作不會出錯,但難免會經常與其他網站風格一致,難以給用戶留下深刻的印象。嘗試打破一些常規的網頁設計,或許你會設計出讓用戶驚嘆的網站。

如何打破常規設計特別的網站?

網頁設計技巧一:使用襯線字體設計網站

網頁設計技巧:如何打破常規設計特別的網站

很多網頁設計師都曾說過,網頁設計應該選用無襯線字體,而紙媒等傳統平面設計,則使用襯線字體。是時候打破這一局限性了!

眾多網頁設計大師會有這樣的建議,主要是因為電腦熒屏無法渲染襯線的細節,尤其是文字字號太小的時候,選用襯線字體會嚴重影響網站的易讀性。

網頁設計技巧:如何打破常規設計特別的網站

隨着時代愈來愈追求高清展示,網站上的文字只要確保文字字號不會太小,即使使用襯線字體,其實對用戶閱讀網站的內容也不會有太大影響的。但網站設計使用襯線字體時需注意以下幾點:

◆ 選擇正常字重,字重過後或過薄都會影響界面內容的易讀性。

◇ 注意文字間的行距,堅持平均高度。

◆ 文字間的間距需要足夠大且一致。

◇ 在內容意圖明確的情況下,才可對文本使用華麗字體。

網頁設計技巧二:選用大膽的背景

網頁設計技巧:如何打破常規設計特別的網站

網頁背景不是白色就是淺灰色,難免會讓用戶有種審美疲勞的感覺。嘗試使用大膽、明亮的背景顏色,不僅能給用戶留下深刻的印象,還能讓整個界面設計變得更加生動有趣。

網頁設計技巧:如何打破常規設計特別的網站

不過,近幾年極簡主義風格一直「支配」着網頁設計,簡單一致的配色方案可能會比明亮大膽的配色方案更符合你的網站風格。「那是不是我的網站就無法使用這類配色方案呢?」當然不是,你可以將這些明亮色彩以其他方式融入到你的網站中,如:

◆ 彩色照片的疊加;

◇ 選擇明亮色彩作為你的標題顏色;

◆ 在中性色背景中添加讓人難忘的色彩元素;

◇ 選擇明亮色作為CTA按鈕和元素的顏色;

◆ 使用不同顏色的懸停狀態來鼓勵交互。

網頁設計技巧三:打破對稱平衡

網頁設計技巧:如何打破常規設計特別的網站

很多有經驗的網頁設計師都會運用「對稱」,讓網站看起來更加和諧和平衡。但互聯網出現太多對稱網站,用戶看太多這類網站,始終覺得無聊、單調、保守。

在大多數情況下,不對稱布局能讓界面中的元素脫穎而出,同時也會讓整個界面更富有活力。如果界面中包含着按鈕、空間或鏈接外,採用不對稱布局會讓它們獲得更多的關注。

網頁設計技巧:如何打破常規設計特別的網站

但要使用不對稱布局時也有很多地方是需要注意的,畢竟「不對稱≠失衡」,在使用不對稱布局時,我們同樣需要考慮界面的和諧感和平衡感:

◆ 平衡元素和空間應相互對立,並利用留白讓界面感覺更平衡;

◇ 界面上的內容應按照從左到右、從上到下的方式布局,並透過不對稱布局引導用戶的視線;

◆ 使用顏色突出界面上的焦點;

◇ 將網格上的元素空間化,以形成組織和流動的感覺;

◆ 注意界面的平衡感,確保用戶在瀏覽網站時的愉悅感。

打破設計規則有可能會給用戶留下深刻印象,但同樣也有可能會帶來災難。因此,如何打破設計規則,什麼時候打破設計規則,打破規則後是否增加用戶閱讀網站的難度.......設計師都應該考慮清楚,以免給用戶留下不好的印象。