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

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

 
 
從印刷時代開始,對話格就已經普遍用於出版產業,最常使用對話格方式的印刷品為廣告產品,一些生活書籍、工具書、教科書也會利用對話格的方式強調重點,希望能夠讓觀看者注意到、看到、最後記住最重要的資訊
 
網頁平面化設計普及後,對話格再次被設計師所重視。他不像是文字特效,透過字型的變化引起使用者的注意,而是另外開闢一區讓使用者高度關注的區塊,效果遠比混合於文字內的特效更好。
 
 
對話格的種類
 
 
對話格的種類很多,大多以形狀作為區分,最常見的為方形,其次是橢圓形與圓型。網頁設計中,要使用CSS Style呈現出方形或橢圓形的對話格很簡單,對於大部分的設計師來說都不困難。
 
此外不規則形狀的對話格也很多,例如雲朵的形狀、爆炸的形狀...由於設計的先天限制,印刷品使用的機會較多,網頁設計使用不規則形狀的機會較少。
 
 
對話格使用的時機
 
 
 
對話格主要是用來傳遞重要的訊息,例如「限時活動」、「特價活動」都是網頁設計中對話格常用的場合。
 
此外,對話格也很適合用來區分產品、服務、功能、費用的差別。
 
有些重要的訊息可能攸關客戶權益,這時對話格可以採取更多輔助的方式呈現內容,例如透過國際通用的”?”或”!”符號,告訴客戶對話格正在跟你對談一件很重要的事情,這跟Windows跳出訊息視窗的情形有點異曲同工。
 
(圖片來源: PIXABAY 轉載請註明出處馬路科技網頁設計或鏈接)
文章標籤
網頁設計 對話格
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019