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