<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 人人都可以是設計師:UI&UX 小技巧大全

          2025-3-26    杰睿

          編輯導語:產品的設計應當讓用戶始終清楚事項的發生,重要的元素也應當置于用戶一目了然的位置,直觀且清晰的設計往往能提升用戶的使用體驗。本篇文章里,作者繼續總結了提升產品設計效果的幾個小技巧,一起來看一下。

          重要的位置,要留給重要的元素。

          編者按:用戶對產品的體驗來自直觀感受。所以UI/UX往往對產品的成敗有著直接的影響,糟糕的UI/UX體驗會讓強大的功能失去效力。

          但怎么才能提高UI/UX設計的效果呢?不一定需要你掌握豐富全面的設計知識,有時候一點點的小改變就能令設計大為改觀。

          Marc Andrew總結了36個改進UI/UX設計的小技巧,分成6篇系列文章刊出,此為第五篇,希望能夠幫助到你。原文發表在Medium上,標題是:UI & UX micro-tips: Volume five。

          2個卡片設計樣例。左邊的標題行高很高,右邊的標題行高就要小很多。

          在創作實用、易于理解且華麗的 UI 時,只需要做一點點的調整馬上就可以改進設計。

          在這篇系列文章的第5篇中,我會給大家再帶來6個容易實踐的 UI 和 UX 小技巧。

          相關閱讀:

          我們開始吧……

          一、如果用的是Type Scales和Grids的話,變通一下也是可以的

          2個卡片設計樣例。左邊的標題行高很高,右邊的標題行高就要小很多。

          設計要講規矩,我是遵守規則的忠實粉絲,比方說Type Scale或者一直都很出色的8pt Grid系統我是遵守的。

          但有時候最好不要太過教條主義,不要Scale 或 Grid告訴你該怎么做就怎么做,重要的是看怎么做更好看。

          請記住,規則是可以變通的,有時候偶爾也是可以打破的。

          做一個打破規則的叛逆者。

          二、讓表單上的錯誤消息有幫助且易于理解

          2 個表單字段樣例。一個顯示的是帶有基本錯誤消息的字段,另一個顯示了更詳細的錯誤消息。

          使用表單的時候,要盡量確保錯誤消息說清楚出了什么問題,以及如何補救。

          始終要讓用戶了解到具體情況。

          要讓這些錯誤消息對用戶有幫助,不要讓用戶蒙在鼓里。

          三、在APP加載的時候,應該盡量告訴用戶正在發生了什么事情

          APP的 2 個加載屏幕樣例。一個空空如也,沒有加載提示,另一個展示了更詳細的加載指示器。

          展示APP元素的框架可以幫助你快速地向用戶溝通應用的布局,并讓用戶放寬心,知道有什么事情正在發生,而不是死機。

          系統狀態可見性是需要遵循的重要原則,這讓用戶能夠了解正在發生的事情。

          不要讓用戶玩猜謎游戲。要從一開始就讓他們了解情況。

          四、通知用戶如果他們應用某個動作將會發生什么

          APP的 2 個通知樣例。一個提供的信息非常基本,另一個在模態內部提供了更詳細的描述。

          在進行應用可能會產生后果的特定操作之前,始終都要先詳細告知用戶。

          這尤其適用于某些會產生不可逆轉后果的操作,比方說永久性刪除某些內容。

          讓用戶知道將會發生什么,并要求他們在按下那個寫著“刪除互聯網”的紅色大按鈕之前再三確認自己要這么做。

          五、確保最重要的屏幕在標簽欄有優先位置

          2 個標簽欄樣例。上面這個展示的是不太重要的圖標,下面這個展示的是更重要的圖標。

          APP的標簽欄可是屏幕這塊房地產的黃金地段,所以請明智使用。

          要把你的標簽欄保留給最常用的屏幕,并把次要的屏幕隱藏在“更多”圖標里面。

          小小的標簽欄只能留給重要的東西。

          六、不要把重要操作隱藏在下拉菜單里面。重要操作得放在前面,核心的位置!

          2個桌面導航的樣例。一個是注冊和登錄按鈕隱藏在下拉菜單里面,另一個在菜單以外放置了 2 個按鈕,而且就放在頂部導航欄旁邊。

          是的,我時不時還會在桌面視圖里面看到這種情況發生。

          用戶需要采取的基本操作(也就是注冊或登錄)完全隱藏在他們甚至可能都瀏覽不到的下拉菜單里面。

          把這些重要操作放在訪問便利的位置,并應該放在用戶預期最應該出現的地方。

           

          作者:Marc Andrew,譯者:boxi

          來源:https://www.36kr.com/p/1302313074821767

          本文由 @神譯局 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

          題圖來自Unsplash,基于CC0協議。

          蘭亭妙微(m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          51久久夜色精品国产| 久久国产精品偷99| 区亚洲欧美一级久久精品亚洲精品成人网久久久久 | 久久99精品久久久久久不卡 | 国产一级持黄大片99久久| 国产精品一久久香蕉国产线看 | 久久综合狠狠综合久久激情 | 97精品依人久久久大香线蕉97 | 色88久久久久高潮综合影院| 国产三级精品久久| 国内精品久久久久影院一蜜桃| 久久婷婷五月综合成人D啪| 久久久一本精品99久久精品66| 久久精品无码专区免费| 无码精品久久久天天影视 | 青青草原1769久久免费播放| 久久婷婷五月综合成人D啪| 伊人久久综在合线亚洲2019| 一极黄色视频久久网站| 国产高潮国产高潮久久久91| 日韩AV无码久久一区二区| 久久国产成人亚洲精品影院| 国内精品人妻无码久久久影院| 青青草原综合久久大伊人| 色婷婷久久久SWAG精品| 久久久久久久综合综合狠狠| 久久国产精品99精品国产| 久久福利资源国产精品999| 国产精品久久久天天影视香蕉| 精品久久久久久无码中文字幕一区 | 亚洲精品tv久久久久久久久| 久久99久久成人免费播放| 久久成人影院精品777| 久久久久久夜精品精品免费啦| 99久久99久久精品国产片果冻| 欧美亚洲国产精品久久久久| 久久伊人亚洲AV无码网站| 欧美粉嫩小泬久久久久久久 | 国产免费久久精品丫丫| 欧美亚洲另类久久综合| 国产精品熟女福利久久AV|