火星網校
為什麼你設計的界麵總是顯得粗糙
初級新人設計師與高級老鳥設計師的區別，除了對產品的理解和風格的把握之外，其實更多的往往體現在界麵設計中對頁麵細節的處理上。
一個個看起來精致的頁麵也是由這些設計細節組成的。對於頁麵細節的處理也往往可以體現設計師的專業和嚴謹度，本文分享的這些設計細節，不僅新人設計師常常會忽略，就連有經驗的設計師也時常會在這些細節上處理不當。
文字細節
A．文字行距
在做段落文本時，我們很少直接使用默認的文本行距，為了保證閱讀的可讀性和舒適性，必須設置比默認值更大的數值的行距。
具體的數值可以設置在字號的1.3～1.8倍之間，一般情況下，字號越小，需要的閱讀空間會略大一些，特別是在設計一些閱讀類需要閱讀大段文本的產品頁麵時，一定要加大行距來提高文本的可讀性和閱讀舒適性。
B．文字對比度
在界麵設計中，應該要保證任何文字的可閱讀性，它應該有足夠的對比度，即使是提示性文字也要保證在任何類型的顯示器上都可見易讀。
間距和邊距
A．去掉多餘的邊框和分割線
用大量而明顯的分割線和邊框將模塊分開，是新手設計師常常犯的錯誤，但在設計的同時，可以同時停下來好好思考：用分割線分開一定是最好的方法嗎？有必要嗎？
有時用1px的邊框和分割線確實是合理的，但也有其他的方法來進行信息的歸類和分割，比如利用陰影和更大的間距。
B．避免不均勻的邊距
在進行卡片式設計時要注意內容與卡片邊緣的邊距。如果你是以常用的從左上角到右下角的方式來布局內容，那就讓頂部的邊距比左側的邊距稍大一點，看起來會比四邊都相等的邊距更加舒適美觀。
投影
在物理現實中，物體的投影絕對不會是黑色的，物體的投影顏色始終會受到其所處在的環境的影響。
應用在界麵設計中，物體或是卡片的投影顏色應考慮其背景和環境顏色來進行結合設計，即不應選擇純灰色，而是選擇帶有背景色彩傾向的灰色，同時設置適當的透明度和模糊值，來營造自然舒適的投影效果。
內容填充
重複和隨意的示例文本和圖片放在設計圖中看起來會很不專業，應該避免交付這樣的設計稿，它會讓人覺得你對自己的設計是不專業不用心不願意花時間的，同時也反應了你對與自己的設計產出的重視程度。
此外，也已經有一部分插件可以自己自動選擇填充內容，為設計師節省了這些素材的填充時間，所以在交付設計稿時，讓自己的設計稿盡量完整專業，哪怕是為了演示效果，也應該放上相應的不同的內容標題、文本、圖片，讓整個設計看起來更加專業和完整。
以上提到的每一條規則都要結合具體的產品來進行具體分析和設計，但是可以適用在在大多數情況下，設計從來沒有一個標準答案，對於設計新手要訓練的是，如何找到那個最合適當前產品的設計方式，希望這篇分享能對你有幫助，感謝閱讀。
下一篇 PS製作雨窗效果圖文教程
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
本文為影視剪輯愛好者提供專業的學習路徑，介紹火星時代教育的影視剪輯培訓課程。
-
如果你希望深入掌握Unreal Engine的設計，並使用它製作出屬於你自己的遊戲，那麼請繼續閱讀並跟隨我們的指南，由火星時代教育專業教員解析。
-
在本篇文章中，我們會深入探討如何學習UE4數字展廳專業技巧，並介紹火星時代教育的相關課程。
-
專業的Unreal Engine培訓機構排名，以及火星時代教育在Unreal Engine培訓領域表現的出色
-
-
本文詳述了學習UI設計課程的重要性，以及如何去選擇一家專業的UI設計培訓機構。火星時代教育作為專業的UI設計學習平台為學生提供......
