一、設(shè)計(jì)網(wǎng)站要對(duì)話格的設(shè)計(jì)原則
先前有與各位分享過,對(duì)話格的造型很多,不過特殊造型的對(duì)話格大多用于印刷品為主,例如傳單或是漫畫等,網(wǎng)頁(yè)設(shè)計(jì)來說,大宗的還是方形與原型的對(duì)話格為主。
方形對(duì)話格有兩大設(shè)計(jì)要點(diǎn):留白的空間,以及圓角的設(shè)計(jì),這兩個(gè)設(shè)計(jì)可以影響對(duì)話框的視覺成敗。
設(shè)計(jì)網(wǎng)站要適度留白
如同文章的斷行,一個(gè)方形對(duì)話格的上方與下方必須留下適當(dāng)?shù)目臻g,讓視覺看起來較不擁擠。
不同的網(wǎng)頁(yè)設(shè)計(jì)訴求有不同的留白方法,例如內(nèi)容型網(wǎng)站、購(gòu)物網(wǎng)站留白的需求較小,但企業(yè)官網(wǎng)可能需要較大的留白。
設(shè)計(jì)網(wǎng)站要適度圓角
圓角是為了讓對(duì)話格的造型看起來較為生動(dòng)的一種設(shè)計(jì)技巧,使用與否可以由設(shè)計(jì)師自由發(fā)揮決定。
一般
網(wǎng)站設(shè)計(jì)業(yè)界的標(biāo)準(zhǔn)圓角設(shè)定為5px~20px之間,過小看不出圓角的造型,過大圓角看起來占用視覺,比較不建議使用。
對(duì)話格內(nèi)若還有其他對(duì)話格,圓角的角度需等于或小于外圍的圓角。
圓形對(duì)話格設(shè)計(jì)要點(diǎn)
圓形的對(duì)話受到了形狀限制,無(wú)法輸出太多文字,只有文字較少的重要的資訊,才會(huì)使用到圓形的對(duì)話格。
舉例來說:限時(shí)活動(dòng)、特價(jià)通知、老客戶活動(dòng)、重要通知都很適合圓形的對(duì)話格設(shè)計(jì)。
二、線框怎么設(shè)計(jì)才好?
1.對(duì)話格的顏色搭配
線框的設(shè)計(jì)若網(wǎng)頁(yè)的顏色與對(duì)話格不同,那么線框可有可無(wú)。
如果想要強(qiáng)調(diào)視覺設(shè)計(jì)的效果,線框也不要使用強(qiáng)烈對(duì)比的顏色,視覺會(huì)落在對(duì)話格而不是落在文字上,訊息會(huì)被忽視。
對(duì)話格的線條對(duì)比度不應(yīng)該強(qiáng)過主體,這樣會(huì)使得線條受到高度強(qiáng)調(diào),主題反而受到忽略,
2.網(wǎng)站設(shè)計(jì)文字的顏色
文字的顏色應(yīng)用是重點(diǎn),而這個(gè)重點(diǎn)其實(shí)只有一個(gè),那就是文字顏色與對(duì)話格必須有顯著反差,這樣就行了。
至于反差強(qiáng)有強(qiáng)的優(yōu)點(diǎn),弱有弱的優(yōu)點(diǎn),相信大部分的設(shè)計(jì)師早已經(jīng)駕輕就熟,不過仍有時(shí)候會(huì)失手將顏色錯(cuò)置成不好得搭配方式,仍需提醒自己不要犯錯(cuò)。
對(duì)話格的顏色限制 大部分的網(wǎng)頁(yè)設(shè)計(jì)師正在控制網(wǎng)站的顏色呈現(xiàn),對(duì)話格也是如此,即使是為了要呈現(xiàn)差異,也不宜使用超過包括三種以上的顏色于對(duì)話格內(nèi)。
分享文章:建設(shè)網(wǎng)站設(shè)計(jì)時(shí)要適度留白與線框怎么設(shè)計(jì)才好?
本文路徑:http://redsoil1982.com.cn/news/76557.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)