<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          如何讓你的界面設計更精致?

          2022-5-6    博博

          初級新人設計師與高級設計師的區別,除了對產品的理解和風格的把握之外,其實更多的往往體現在界面設計中對頁面細節的處理上。

          一個個看起來精致的頁面也是由這些UI設計細節組成的。對于頁面細節的處理也往往可以體現UI設計師的專業和嚴謹度,本文分享的這些設計細節,不僅新人設計師常常會忽略,就連有經驗的設計師也時常會在這些細節上處理不當。


          文字細節


          A.文字行距


          在做段落文本時,我們很少直接使用默認的文本行距,為了保證閱讀的可讀性和舒適性,必須設置比默認值更大的數值的行距。


          具體的數值可以設置在字號的1.3~1.8倍之間,一般情況下,字號越小,需要的閱讀空間會略大一些,特別是在設計一些閱讀類需要閱讀大段文本的產品頁面時,一定要加大行距來提高文本的可讀性和閱讀舒適性。



          B.文字對比度


          在界面設計中,應該要保證任何文字的可閱讀性,它應該有足夠的對比度,即使是提示性文字也要保證在任何類型的顯示器上都可見易讀。



          間距和邊距


          A.去掉多余的邊框和分割線


          用大量而明顯的分割線和邊框將模塊分開,是UI設計新手常常犯的錯誤,但在設計的同時,可以停下來好好思考:用分割線分開一定是最好的方法嗎?有必要嗎?


          有時用1px的邊框和分割線確實是合理的,但也有其他的方法來進行信息的歸類和分割,比如利用陰影和更大的間距。



          B.避免不均勻的邊距


          在進行卡片式設計時要注意內容與卡片邊緣的邊距。如果你是以常用的從左上角到右下角的方式來布局內容,那就讓頂部的邊距比左側的邊距稍大一點,看起來會比四邊都相等的邊距更加舒適美觀。



          投影


          在物理現實中,物體的投影絕對不會是黑色的,物體的投影顏色始終會受到其所處在的環境的影響。


          應用在界面設計中,物體或是卡片的投影顏色應考慮其背景和環境顏色來進行結合設計,即不應選擇純灰色,而是選擇帶有背景色彩傾向的灰色,同時設置適當的透明度和模糊值,來營造自然舒適的投影效果。



          內容填充


          重復和隨意的示例文本和圖片放在設計圖中看起來會很不專業,應該避免交付這樣的設計稿,它會讓人覺得你對自己的設計是不專業不用心不愿意花時間的,同時也反應了你對與自己的設計產出的重視程度。


          此外,也已經有一部分插件可以自己自動選擇填充內容,為設計師節省了這些素材的填充時間,所以在交付設計稿時,讓自己的設計稿盡量完整專業,哪怕是為了演示效果,也應該放上相應的不同的內容標題、文本、圖片,讓整個設計看起來更加專業和完整。



          以上提到的每一條規則都要結合具體的產品來進行具體分析和設計,但是可以適用在在大多數情況下,設計從來沒有一個標準答案,對于設計新手要訓練的是,如何找到那個最合適當前產品的設計方式,希望這篇分享能對你有幫助,感謝閱讀。


          文章來源:站酷   作者:閃閃的星仔

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合