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

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

 

從印刷時代開始,對話格就已經普遍用於出版產業,最常使用對話格方式的印刷品為廣告產品,一些生活書籍、工具書、教科書也會利用對話格的方式強調重點,希望能夠讓觀看者注意到、看到、最後記住最重要的資訊。

網頁平面化設計普及後,對話格再次被設計師所重視。他不像是文字特效,透過字型的變化引起使用者的注意,而是另外開闢一區讓使用者高度關注的區塊,效果遠比混合於文字內的特效更好。


對話格的種類
對話格的種類很多,大多以形狀作為區分,最常見的為方形,其次是橢圓形與圓型。網頁設計中,要使用CSS Style呈現出方形或橢圓形的對話格很簡單,對於大部分的設計師來說都不困難。

此外不規則形狀的對話格也很多,例如雲朵的形狀、爆炸的形狀...由於設計的先天限制,印刷品使用的機會較多,網頁設計使用不規則形狀的機會較少。

 
 
 
對話格使用的時機
 
 
對話格主要是用來傳遞重要的訊息,例如「限時活動」、「特價活動」都是網頁設計中對話格常用的場合。

此外,對話格也很適合用來區分產品、服務、功能、費用的差別。

有些重要的訊息可能攸關客戶權益,這時對話格可以採取更多輔助的方式呈現內容,例如透過國際通用的”?”或”!”符號,告訴客戶對話格正在跟你對談一件很重要的事情,這跟Windows跳出訊息視窗的情形有點異曲同工。

 
(圖片來源: PIXABAY 轉載請註明出處iWare網頁設計或鏈接)
網頁使用視覺平衡設計的優點和好處
網頁使用視覺平衡設計的優點和好處
Jericho
Jericho
Apr 19, 2024
在網頁設計中使用橙色
在網頁設計中使用橙色
Jericho
Jericho
Apr 10, 2024
網頁設計的十大竅門
網頁設計的十大竅門
Jericho
Jericho
Apr 03, 2024