大家對于ui界面設(shè)計了解多少呢?接下來就讓我們一起來看看ui界面設(shè)計欣賞的內(nèi)容,如果你也想要進(jìn)一步的提高自己的設(shè)計能力的話,自然就不能夠錯過我們在下文為大家分享的內(nèi)容。
1、ui界面設(shè)計的可讀性原則
文字長度
文字的長度,特別是在大塊空白的設(shè)計中很重要,太長會導(dǎo)致眼睛疲憊,閱讀困難。太短又經(jīng)常會造成尷尬的斷裂效果,斷字的使用也會造成大量的復(fù)合詞,這些斷裂嚴(yán)重的影響了閱讀的流暢性。
空間和對比度
每個字符同線路長度,間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸,大多數(shù)數(shù)字設(shè)計人員習(xí)慣選擇一個最小的文字大小的150%為空間距離,這就可以留下足夠的空間。當(dāng)每一行中讀取大段的文字,且線路長度過多或線之間的空間太少,都會造成理解困難。
對齊方式
無論是在文本中心,還是偏左,或者是沿著一個文件的右側(cè)對齊,文本的對齊相當(dāng)重要,可以極大地影響可讀性。一般而言,文本習(xí)慣向左對齊,因為它反映了你的閱讀方式 – 從左至右。你熟悉每一行開始和結(jié)束的地方。
(圖片來自網(wǎng)絡(luò))
2、ui界面設(shè)計欣賞
電臺app概念設(shè)計稿重構(gòu):
大家一定記?。汉玫?a href='http://www.yantaibalizhan.com/ui/'>UI設(shè)計可以讓軟件變得有個性和品位,同時操作上是簡單舒適的。分享功能支持獲取歌詞并同時拉取專輯封面配圖,允許用戶上傳照片、寫下當(dāng)時的心情或是用語音表達(dá)。最初設(shè)計時的界面交互框架(左圖)默認(rèn)功能在“寫下心情”,“加圖片”和“錄語音”的功能重要性并列,感受上是個功能強(qiáng)大的分享界面,告訴用戶你有三種選擇配心情內(nèi)容的方式。
討論后優(yōu)化框架,認(rèn)拉取專輯封面圖,支持上傳圖片入口置于右上角,默認(rèn)歌詞展示在封面圖上可點(diǎn)擊編輯,整個頁面可視化了最終分享出去的樣式,所見即所得。
設(shè)計優(yōu)化后,讓整個操作有了重點(diǎn)??梢灾苯釉诜窒眍A(yù)覽圖上操作,縮短了分享路徑,最重要帶給用戶輕量化的操作感受。
這樣遵循的移動APP設(shè)計的原則,盡量讓用戶操作的輕量化。讓整體UI界面更為優(yōu)雅。
(圖片來自網(wǎng)絡(luò))
ui界面設(shè)計欣賞的內(nèi)容如上文所述,想必大家看完之后,收獲非常大,總之,如果大家想要了解更多的內(nèi)容的話,就繼續(xù)關(guān)注我們。