教程 | 設(shè)計中的規(guī)矩與秩序

2021-11-23    lanlanwork



今天我們講講關(guān)于設(shè)計中的規(guī)矩與秩序

圖片

 

中國人經(jīng)常講沒有規(guī)矩不成方圓,規(guī)矩不是固執(zhí)也不是保守,在規(guī)矩之內(nèi)任意的流動,所形成的是規(guī)律,這便是規(guī)矩的內(nèi)涵。

圖片

 

世間萬物,變幻萬千,形成無序的混亂體系和錯綜關(guān)系,合理分配成規(guī)范化的形態(tài)和關(guān)聯(lián)體系,支撐起這一切的作用,這是秩序。

圖片

 

所謂秩序為方,規(guī)矩成圓,這不僅是上千年留下來的一個古語,也透徹了一切事物本源的真相,如何運用在設(shè)計中,我們先做個示范。

圖片

 

教程示范一

1、甜甜圈放置規(guī)矩之內(nèi),神奇的綠色總能讓男人瞬間清醒。

圖片

 

2、增加文字與圖形,版式中以合理分配主次內(nèi)容。

圖片

 

3、搭建框架在四周形成秩序關(guān)系,合理的變化流動,一切都掌握在規(guī)矩的作用中。

[優(yōu)化輸出圖像]

 

4、增加背景,合理的在規(guī)矩之內(nèi)適當變化。

[optimize output image]

 

圖片

 

 

想要更多的變化方式,當然可以。

▽ 

教程示范二

1、將物體隨意放置到規(guī)矩之內(nèi)。

圖片

 

2、內(nèi)部的可以隨著主體的變化,改變各物體大小規(guī)律。它,便是流動的,且變化的,但依然在規(guī)矩之中有序的綻放。

圖片[optimize output image]

 

3、在秩序的外框架中,編排我們的需求文案,在編排時,注意整體的一個流動方向。

圖片

 

4、放置后的編排文字布局,要保持上下的比例平衡來穩(wěn)定中心的視覺,否則會造成整體畫面的失衡,以此改變了本身的秩序。

圖片

圖片

 

5、中心的視覺可在規(guī)矩之內(nèi)形成了多個空間層次,富有豐富的變化感。

圖片

 

6、背景的色彩幫助規(guī)矩有了更體系化的完整展現(xiàn),使之形成了微妙的化學反應(yīng)。

圖片

圖片

 

在這規(guī)律之中,感受并掌握這樣的變化方法,你便有了上千種的設(shè)計形式。

圖片

[優(yōu)化輸出圖像]

 

這就是今天帶來的設(shè)計中的規(guī)矩與秩序。

 

原文地址:修先森撩設(shè)計(公眾號)

作者:修先森

轉(zhuǎn)載請注明:學UI網(wǎng)》教程 | 設(shè)計中的規(guī)矩與秩序

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔