建設網(wǎng)站設計時要適度留白與線框怎么設計才好?

2017-12-02    分類: 網(wǎng)站設計

一、設計網(wǎng)站要對話格的設計原則
先前有與各位分享過,對話格的造型很多,不過特殊造型的對話格大多用于印刷品為主,例如傳單或是漫畫等,網(wǎng)頁設計來說,大宗的還是方形與原型的對話格為主。
方形對話格有兩大設計要點:留白的空間,以及圓角的設計,這兩個設計可以影響對話框的視覺成敗。

設計網(wǎng)站要適度留白
如同文章的斷行,一個方形對話格的上方與下方必須留下適當?shù)目臻g,讓視覺看起來較不擁擠。
不同的網(wǎng)頁設計訴求有不同的留白方法,例如內(nèi)容型網(wǎng)站、購物網(wǎng)站留白的需求較小,但企業(yè)官網(wǎng)可能需要較大的留白。
設計網(wǎng)站要適度圓角
圓角是為了讓對話格的造型看起來較為生動的一種設計技巧,使用與否可以由設計師自由發(fā)揮決定。
一般網(wǎng)站設計業(yè)界的標準圓角設定為5px~20px之間,過小看不出圓角的造型,過大圓角看起來占用視覺,比較不建議使用。
對話格內(nèi)若還有其他對話格,圓角的角度需等于或小于外圍的圓角。
圓形對話格設計要點
圓形的對話受到了形狀限制,無法輸出太多文字,只有文字較少的重要的資訊,才會使用到圓形的對話格。
舉例來說:限時活動、特價通知、老客戶活動、重要通知都很適合圓形的對話格設計。
二、線框怎么設計才好?
1.對話格的顏色搭配
線框的設計若網(wǎng)頁的顏色與對話格不同,那么線框可有可無。
如果想要強調(diào)視覺設計的效果,線框也不要使用強烈對比的顏色,視覺會落在對話格而不是落在文字上,訊息會被忽視。
對話格的線條對比度不應該強過主體,這樣會使得線條受到高度強調(diào),主題反而受到忽略,

2.網(wǎng)站設計文字的顏色
文字的顏色應用是重點,而這個重點其實只有一個,那就是文字顏色與對話格必須有顯著反差,這樣就行了。
至于反差強有強的優(yōu)點,弱有弱的優(yōu)點,相信大部分的設計師早已經(jīng)駕輕就熟,不過仍有時候會失手將顏色錯置成不好得搭配方式,仍需提醒自己不要犯錯。
對話格的顏色限制 大部分的網(wǎng)頁設計師正在控制網(wǎng)站的顏色呈現(xiàn),對話格也是如此,即使是為了要呈現(xiàn)差異,也不宜使用超過包括三種以上的顏色于對話格內(nèi)。

網(wǎng)站名稱:建設網(wǎng)站設計時要適度留白與線框怎么設計才好?
網(wǎng)站URL:http://www.muchs.cn/news7/76557.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設