靜電說：在真正的UI設計工作實踐中，很多我的同學會問到一個問題，老師，明明我在軟件中看到元素是對齊的，為什么眼睛看起來總覺得別扭呢？我們到底是要遵循數據，還是自己的眼睛呢？視覺誤差無處不在，比如這幅圖，貓咪大還是人大呢？結合常識，我們可以知道，肯定是人比較大啦！那么在UI設計中，這些問題很好解決，有時候，眼睛會欺騙你，這個時候，順從眼睛的認知，去糾正錯誤就好。畢竟，我們是“視覺系”動物。下面來看看這篇Slava Shestopalov的文章。
視覺誤差會對UI造成什么樣的影響，業界內流行的解決方案又有哪些，本文將以超過五十個例子為你講解。希望學習UI的朋友通過這篇文章可以解決這個問題。
俗話說眼見為實，但其實我們的眼睛經常欺騙我們。眼睛通過光的反射接收信息，然后經過一次「腦補」終形成我們所謂「看見」的圖像。腦補這個過程會因為各種原因的影響導致我們對于「看見」的事物的理解產生偏差。這一點對圖形化操作界面的設計非常影響。既然無法繞過，設計師就要學會如何去「適配」人類的視覺慣性畫出“正確”的界面。
課程顧問：楊老師
老師手機：137-6117-8227
在線Q Q ：202-3838-705
咨詢微信：a13761178227
UI設計培訓內容
1、初步認識UI：了解UI設計師的角色定義和價值體現，UI的含義、UI設計師的含義。
2、學習內容：學習設計基礎、字體、構圖、手繪等基礎技能。快速培養UI設計師的視覺敏銳度，和繪畫能力。
3、二維造型：二維簡約圖標繪制原理與技法，各種材質質感表現。
4、三維造型：(物體的體積、結構、光影表現)。
5、色彩原理：色彩屬性、對比與調和、色彩的混色配置、設計色彩的表述體系，色彩的裝飾美感及色彩的表現方法。
6、設計軟件應用：以Photoshop軟件為工具，講解書籍封面設計、海報設計、廣告設計、影樓后期處理、包裝設計、噴繪設計、畫冊設計、DM設計等企業實際工作中的具體項目。
7、矢量圖形繪制軟件Illustrator為工具，標志設計、字體設計、圖形設計、企業VI設計、卡通形象設計等企業實際工作中的具體項目。
8、字體專項設計：字體的分類和種類、字體的認識、各種場合字體的應用、形象時尚字體設計、字體標志及在廣告設計中的實際應用。
9、版式專項設計：版式的概念、版式中的色彩應用、版式中的字體應用以及網頁、書籍、報紙、畫冊、DM、海報等中的應用。
10、平面項目設計：結合軟件、色彩、字體及版式的學習，針對宣傳單、折頁、名片、海報及VI做專題設計，提升綜合應用能力及平面UI設計能力。
長寬 400px 的正方形與長寬 400px 的圓形哪一個更大?假如這樣問你的話，那么答案當然是一樣大。但是來看看下面這張圖，長寬各 400px 的兩個圖形看起來并不一樣大。你的眼睛告訴你 400px 的正方形比 400px 的圓形更大一些。物體的物理尺寸是一樣的，但視覺尺寸卻有可能不一樣。在畫 icon 的時候，一定要把視覺尺寸這個無法用數字進行衡量的維度考慮進去。視覺重量小的元素要放大，視覺重量大的元素要縮小。建議大家可以去下載 HIG 的標注 icon 與 Material Design 的標準 icon 看看，數百個圖標每一個的物理尺寸都不盡相同，但看起來全部都是一樣大的，這是高水平的表現，值得細細學習與參詳。
面對那些不需要由我們畫的 icon，比如分享到 Twitter、分享到 Instagram ，官方已有提供的 icon，用起來也要注意。下面舉個例子，Facebook 和 Instagram 的 icon 是正方形的，而 Twitter 和 Pinterest 的 icon 一個是不規則圖形，一個是圓形，所以為了達到視覺尺寸上的相等，當它們一起出現的時候，我們要放大 Twitter 和 Pinterest 的 icon，實際效果如圖所示。
另外一個達不到視覺尺寸相等的重災區就是表單配按鈕這種常見的組合。通常是長方形的表單如果和直徑相等的圓形按鈕擺在一起，必然也會出現圓形按鈕看起來比較小的問題。處理方法相信大家也都知道了，略微放大按鈕，這樣整個表單和按鈕才能達到視覺平衡，視覺尺寸才能相等。
UI設計培訓內容
1、初步認識UI：了解UI設計師的角色定義和價值體現，UI的含義、UI設計師的含義。
2、學習內容：學習設計基礎、字體、構圖、手繪等基礎技能。快速培養UI設計師的視覺敏銳度，和繪畫能力。
3、二維造型：二維簡約圖標繪制原理與技法，各種材質質感表現。
4、三維造型：(物體的體積、結構、光影表現)。
5、色彩原理：色彩屬性、對比與調和、色彩的混色配置、設計色彩的表述體系，色彩的裝飾美感及色彩的表現方法。
6、設計軟件應用：以Photoshop軟件為工具，講解書籍封面設計、海報設計、廣告設計、影樓后期處理、包裝設計、噴繪設計、畫冊設計、DM設計等企業實際工作中的具體項目。
7、矢量圖形繪制軟件Illustrator為工具，標志設計、字體設計、圖形設計、企業VI設計、卡通形象設計等企業實際工作中的具體項目。
8、字體專項設計：字體的分類和種類、字體的認識、各種場合字體的應用、形象時尚字體設計、字體標志及在廣告設計中的實際應用。
9、版式專項設計：版式的概念、版式中的色彩應用、版式中的字體應用以及網頁、書籍、報紙、畫冊、DM、海報等中的應用。
10、平面項目設計：結合軟件、色彩、字體及版式的學習，針對宣傳單、折頁、名片、海報及VI做專題設計，提升綜合應用能力及平面UI設計能力。
長寬 400px 的正方形與長寬 400px 的圓形哪一個更大?假如這樣問你的話，那么答案當然是一樣大。但是來看看下面這張圖，長寬各 400px 的兩個圖形看起來并不一樣大。你的眼睛告訴你 400px 的正方形比 400px 的圓形更大一些。物體的物理尺寸是一樣的，但視覺尺寸卻有可能不一樣。在畫 icon 的時候，一定要把視覺尺寸這個無法用數字進行衡量的維度考慮進去。視覺重量小的元素要放大，視覺重量大的元素要縮小。建議大家可以去下載 HIG 的標注 icon 與 Material Design 的標準 icon 看看，數百個圖標每一個的物理尺寸都不盡相同，但看起來全部都是一樣大的，這是高水平的表現，值得細細學習與參詳。
面對那些不需要由我們畫的 icon，比如分享到 Twitter、分享到 Instagram ，官方已有提供的 icon，用起來也要注意。下面舉個例子，Facebook 和 Instagram 的 icon 是正方形的，而 Twitter 和 Pinterest 的 icon 一個是不規則圖形，一個是圓形，所以為了達到視覺尺寸上的相等，當它們一起出現的時候，我們要放大 Twitter 和 Pinterest 的 icon，實際效果如圖所示。
另外一個達不到視覺尺寸相等的重災區就是表單配按鈕這種常見的組合。通常是長方形的表單如果和直徑相等的圓形按鈕擺在一起，必然也會出現圓形按鈕看起來比較小的問題。處理方法相信大家也都知道了，略微放大按鈕，這樣整個表單和按鈕才能達到視覺平衡，視覺尺寸才能相等。
，咨詢QQ：
