您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到同一同等(3)

也可以通過(guò)寫css樣式去確定界面的字號(hào),題目和正文的字體大小最好都同一同等,肯定要避免首頁(yè)正文是14px,進(jìn)入到子頁(yè)面的時(shí)候字體大小就變成16px,如許容易讓觀者產(chǎn)生肯定的不恬逸感。

  除此,字體的選擇上也要同一。如今字庫(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ì)顯得凌亂。

9b4f58d217a5a801219c77eb1632.jpg
754358d217aea801219c774132cb.jpg

  Design3這個(gè)網(wǎng)站是小編用蟬知體系做的,用的也是一樣的區(qū)塊處理,看起來(lái)會(huì)比較簡(jiǎn)單明了。除此,瀑布流的區(qū)塊雖然區(qū)塊高度不像產(chǎn)品區(qū)塊一樣做了高度上的同一,但是在區(qū)塊的布局和間隙上做了肯定的同一結(jié)果,使得界面不亂,如許的例子有許多網(wǎng)站,比如花瓣的瀑布流設(shè)計(jì)。  

  

  3、字體同一

  都知道界面當(dāng)中的字體表現(xiàn)尤為緊張,所以字體肯定不能讓觀者覺(jué)得亂,肯定要做好同一。

  字體可以在轉(zhuǎn)變中找同一,不管是字體、字號(hào)或是顏色上的同一,切勿為了凸起字體而做過(guò)多結(jié)果,反而減弱筆墨的可讀性。

d3b458d2178ea801219c7706a5ee.jpg

  在一個(gè)網(wǎng)站當(dāng)中,處理字體同一的時(shí)候,最好在界面設(shè)置的時(shí)候同一設(shè)置??梢越柚恍┙ㄕ倔w系去設(shè)置,也可以通過(guò)寫css樣式去確定界面的字號(hào),題目和正文的字體大小最好都同一同等,肯定要避免首頁(yè)正文是14px,進(jìn)入到子頁(yè)面的時(shí)候字體大小就變成16px,如許容易

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di73.html
平面設(shè)計(jì)中必須遵循的20個(gè)設(shè)計(jì)原則
怎樣從攝影照片中汲取設(shè)計(jì)靈感?
圖趣網(wǎng)微信
建議反饋
×