UI設(shè)計(jì)（User Interface界面設(shè)計(jì)）的設(shè)計(jì)原則：簡(jiǎn)易性、一致性、用戶習(xí)慣、人性化等。遵循UI設(shè)計(jì)的設(shè)計(jì)原則，提高平面設(shè)計(jì)能力，可使得界面更為優(yōu)雅。在UI設(shè)計(jì)中可對(duì)設(shè)計(jì)師的平面基礎(chǔ)能力迅速檢驗(yàn)，下面通過一些具體case的設(shè)計(jì)過程來(lái)簡(jiǎn)單分析。
在手Q公眾號(hào)圖文消息優(yōu)化中，我們發(fā)現(xiàn)線上舊的圖文消息邊距較為肥厚，在大圖+1小圖的情況下由于代碼的模塊化拼接，始終無(wú)法達(dá)到完美的像素間距。在考慮多種純文字、單圖、多圖文模版拼接后，盡量減少間距規(guī)則和字號(hào)種類，達(dá)到拼接模版的統(tǒng)一規(guī)則。保證一致性為前提，也提供靈活拼接的多樣性。
大圖＋1的情況下，定義1條小圖的上下間距相等等于一個(gè)單位，而不是單個(gè)模塊中小圖距離上方的1/2單位，在＋n小圖的時(shí)候使得兩個(gè)小圖之間的間距相加后等于一個(gè)單位（見下圖）。這個(gè)小小的視覺細(xì)節(jié)在和技術(shù)同學(xué)耐心聯(lián)調(diào)后是可以完美實(shí)現(xiàn)的。
在某電臺(tái)app概念設(shè)計(jì)中，分享功能支持獲取歌詞并同時(shí)拉取專輯封面配圖，允許用戶上傳照片、寫下當(dāng)時(shí)的心情或是用語(yǔ)音表達(dá)。最初設(shè)計(jì)時(shí)的界面交互框架（左圖）默認(rèn)功能在“寫下心情”，“加圖片”和“錄語(yǔ)音”的功能重要性并列，感受上是個(gè)功能強(qiáng)大的分享界面，告訴用戶你有三種選擇配心情內(nèi)容的方式。
討論后優(yōu)化框架（右圖），默認(rèn)拉取專輯封面圖，支持上傳圖片入口置于右上角，默認(rèn)歌詞展示在封面圖上可點(diǎn)擊編輯，整個(gè)頁(yè)面可視化了最終分享出去的樣式，所見即所得。設(shè)計(jì)優(yōu)化后，讓整個(gè)操作有了重點(diǎn)?？梢灾苯釉诜窒眍A(yù)覽圖上操作，縮短了分享路徑，最重要帶給用戶輕量化的操作感受。