起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識大小與重復在產品設計中的運用
做我們做任何設計都離不開大小與重復的運用，這樣能使我們的設計更加理性和科學，經得起推敲，那么我們一起來探討下如何在產品設計中運用這一方法
為什么大的物體更吸引眼球
如上圖所示，a球會比右邊b球更吸引我們去閱讀，大的物體視覺重量會比較大，我們眼球的視覺方向就自動轉向他
如上圖所示，我們保持剛的大小，把a的透明度改變下，視覺重量是不是發生了變化？WHY？
當我們把 a 球的視覺重量降低后，那么即使 b球很小，他也會很吸引我們眼球，這是因為 b球視覺重量比較大
如上圖所示，如果兩個球大小一樣呢？還是b球會更吸引我們的眼球，因為b球有色光輝第一進入我們眼球
我們在產品設計中如何運用這些原理
如上圖數字所示他們的視覺重量依次排下來，最大的是序列 1? 最小的是4，不重要的元素我們可以通過把它們縮小或者降低透明度來弱化他們
看個例子：
重復在產品設計中的運用
重復？有沒有人打了個問號，看到這個標題，之前我寫了一篇文章叫一致性原則，當中有順帶提了下重復，當時說的不太詳細，今天再來仔細重溫下。
重復的重要性，能使產品的設計更加有節奏和高品質，為什么這樣說，我們能重復的原子單位有很多，顏色，間距，大小，組件，圓角值，功能屬性等等，交互層面能重復交互操作多頁面間相同屬性交互要一致
實例展示
重復間距
上圖設計我一共就用了 3 個間距。
特殊例子驗證：
字里行間在首頁的板塊設計比較松散，雖然也重復運用了間距，但是沒有節奏。圖片比例也比較奇怪，多行段落文字顯得比較松散。
結果：
重復組件樣式（截圖來至網易蝸牛讀書）
上面截圖標注出來的地方，控件倒角一致，形成一個隱形的視覺基因
下面是反面例子（截圖來至UC頭條）
UC頭條的底部圖標設計非常圓潤，圖標設計師延續了品牌 LOGO 鹿的圓潤線條。這里里面的設計語言就和底部圖標有沖突，大部分按鈕設計無圓角，尖銳的輪廓（1、3），極少數按鈕帶有圓角即圖上標出來的 2
4和5欄目圖文樣式的圓角值也是不一致的，整體設計不知道想要傳達什么樣的設計語言。
在仔細去觀察下 某蝸牛讀書的 的產品設計，設計語言從圖片圓角到按鈕，標簽，圖標設計都是帶有圓角幅度和他們產品logo氣息性格相符合。
重復顏色
它是什么？就是表示相同操作的功能所表達的視覺含義要一致
相同屬性顏色一致，比如上面來至 IOS 系統軟件界面截圖，可點擊地方顏色一致，IOS在這方面的設計確實是非常棒的，控制的比較好。
總結
在做界面設計時候需要注意的點：
- 學會運用大小來區分層級，在大小一致的情況下通過其他方式來區分信息層級，如顏色，降低透明度，加粗等等；
- 重復在產品設計中的運用可以延伸到顏色，間距，大小，組件，圓角值，功能屬性等等。
相關閱讀
下面都是與這些理論相關的設計文章，掌握了就是一套體系知識：
作者：Tony，微信公眾號：洞見設計，人人都是產品經理專欄作家。百度設計師。很樂意幫助年輕設計師成長，簡歷指導，每周分享最有價值的設計經驗，擅長產品體驗設計，關注【洞見設計】后臺回復“彩蛋”領取設計資料。
本文由 @TONY 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Pixabay，基于 CC0 協議
?? 學習了 ，感謝分享
哈哈，好棒