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

2021-11-23    lanlanwork



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

圖片

 

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

圖片

 

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

圖片

 

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

圖片

 

教程示范一

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

圖片

 

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

圖片

 

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

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

 

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

[optimize output image]

 

圖片

 

 

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

▽ 

教程示范二

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

圖片

 

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

圖片[optimize output image]

 

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

圖片

 

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

圖片

圖片

 

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

圖片

 

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

圖片

圖片

 

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

圖片

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

 

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

 

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

作者:修先森

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

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

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

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

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



日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔