雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

ui界面設(shè)計欣賞,一起來學(xué)習(xí)這一技能

Time: 2020-02-21

大家對于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é)束的地方。

ui界面設(shè)計欣賞 一起來學(xué)習(xí)這一技能

  (圖片來自網(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)雅。

013b1749a688c49b54229ab9707edf10b022268716dbab-TatRTP_fw658_WPS圖片.jpg

(圖片來自網(wǎng)絡(luò))


  ui界面設(shè)計欣賞的內(nèi)容如上文所述,想必大家看完之后,收獲非常大,總之,如果大家想要了解更多的內(nèi)容的話,就繼續(xù)關(guān)注我們。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開