首頁 部落格 網頁設計對話格設計技巧(三)
Ryan
May 12, 2017
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

網頁設計對話格設計技巧(三)

對話格的顏色搭配

線框的設計 若網頁的顏色與對話格不同,那麼線框可有可無。

如果想要強調視覺設計的效果,線框也不要使用強烈對比的顏色,視覺會落在對話格而不是落在文字上,訊息會被忽視。

對話格的線條對比度不應該強過主體,這樣會使得線條受到高度強調,主題反而受到忽略,

 

文字的顏色

文字的顏色應用是重點,而這個重點其實只有一個,那就是文字顏色與對話格必須有顯著反差,這樣就行了。

至於反差強有強的優點,弱有弱的優點,相信大部分的設計師早已經駕輕就熟,不過仍有時候會失手將顏色錯置成不好得搭配方式,仍需提醒自己不要犯錯。

對話格的顏色限制 大部分的網頁設計師正在控制網站的顏色呈現,對話格也是如此,即使是為了要呈現差異,也不宜使用超過包括三種以上的顏色於對話格內。

 

千萬不要使用漸層

顏色漸層已經是過去設計網頁按鈕與對話框的方式,現已無設計者使用這樣的方式製作網站元素。

 

(圖片來源: PIXABAY 轉載請註明出處iWare網頁設計或鏈接)

企業網站如何設計高轉化率的CTA頁面
企業網站如何設計高轉化率的CTA頁面
Jericho
Jericho
Apr 25, 2025
網頁設計師的4個視覺設計原則
網頁設計師的4個視覺設計原則
Jericho
Jericho
Apr 11, 2025
網頁設計一個優質網站的9個要素
網頁設計一個優質網站的9個要素
Jericho
Jericho
Apr 09, 2025