網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到同一同等(4)
除此,字體的選擇上也要同一。如今字庫(kù)上有許多字體,所以在選用字體的時(shí)候最好選用跟網(wǎng)頁(yè)團(tuán)體風(fēng)格符合的字體。
4、區(qū)塊同一
區(qū)塊的同一重要表現(xiàn)在各個(gè)區(qū)塊的高度大小、邊框顏色、題目樣式或者是區(qū)塊的團(tuán)體樣式,當(dāng)然并非所有同一起來(lái)就是好的,要詳細(xì)情況詳細(xì)分析。照舊上面天貓產(chǎn)品界面,那么多區(qū)塊,樣式邊框都做了同一,看起來(lái)劃一而有序。下圖做了錯(cuò)誤的示范,區(qū)塊的邊框做了不一樣的顏色處理,如許的區(qū)塊一路出如今界面當(dāng)中時(shí)就會(huì)顯得凌亂。
Design3這個(gè)網(wǎng)站是小編用蟬知體系做的,用的也是一樣的區(qū)塊處理,看起來(lái)會(huì)比較簡(jiǎn)單明了。除此,瀑布流的區(qū)塊雖然區(qū)塊高度不像產(chǎn)品區(qū)塊一樣做了高度上的同一,但是在區(qū)塊的布局和間隙上做了肯定的同一結(jié)果,使得界面不亂,如許的例子有許多網(wǎng)站,比如花瓣的瀑布流設(shè)計(jì)。
5、布局同一
布局的同一重要是說(shuō)網(wǎng)頁(yè)當(dāng)中一些布局設(shè)置要同一,不要這個(gè)導(dǎo)航進(jìn)去的側(cè)邊欄在左邊,下一個(gè)導(dǎo)航進(jìn)去側(cè)邊欄在右邊,如許的界面會(huì)讓人摸不著頭腦,用戶必要重新去適應(yīng)新的界面布局。
頂部導(dǎo)航和Logo的位置是否同等?行間距、筆墨與圖像的間距是否同等?這些都表現(xiàn)了一個(gè)網(wǎng)站在細(xì)節(jié)上的考慮。有些網(wǎng)頁(yè)在設(shè)計(jì)上我們可能很難發(fā)現(xiàn)有多好,但是假如一些細(xì)節(jié)做得不夠好,卻很容易讓人覺(jué)得在使用上不恬逸。所以在布局上建
本文地址:http://m.likemindfilms.com/tutorial/di73.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏