UI界面設計基本原則!

2020-12-12 設計智造

文/田龍過 閆河 用戶界面(UserInterface) 也稱人機界面,是指軟體用於和用戶交流的外觀、部件和程序等,簡稱UI,它是用戶和智慧型手機之間進行交流和通訊的平臺和紐帶,是用戶感知、認知、使用和體驗軟體的最主要的媒介。

一般說來,優秀的UI具有簡潔、清晰、容錯、熟悉、響應、美觀、一致、高效等特點。歸納起來要設計好一款手機APP的UI,就必須遵守兩個基本原則:

UI是連接用戶與手機的橋梁,圖標或按鈕則是進行更深入的人機互動的標誌和人口,好的UI設計主要目的便於人機交流,讓用戶快捷地理解程序的用途及操作步驟。

優秀的UI首先強調的是功能性,即實用性。在設計領域衡量一個UI設計的成功與否,歸根結底就是看用戶使用的興趣和使用的頻率。以用戶的需求為設計目標並引導用戶的需求,是APPUI設計的邏輯起點和終點。

同樣優秀的的APP用戶界面應該時刻關注的是用戶使用時的快捷和便利,易用性是其基本特徵,必須站在用戶的角度、了解用戶的使用能力和興趣偏好,交互細節和交互操作要符合用戶的操作習慣,同時儘量簡化操作步驟和信息層級,並在UI界面提供或顯示簡單的操作提示,讓用戶可以憑藉已有的生活常識、使用經歷和基本的邏輯推理來操縱軟體。

UI作為用戶使用軟體的中介,必須時時刻刻處在用戶的自由掌控之中,用戶不僅能自由掌控自己的瀏覽行為,還要確保他們能從某個地點跳出或毫無障礙地退出,這些在用戶離開前彈出窗口的行為,也是用來判斷UI易用性的標準。

UI的設計既要實用,也要好用要達到這兩點,還必須強調設計的一致性,其中包括結構設計的一致性、導航設計的一致性和操作設計的一致性。界面的一致性就是界面的統一性,就是要把一樣的功能放在在同樣的位置。頁面由基本模塊組成,每一種基本模塊在UI設計的時候,都應把字型、字號、顏色、行距以及按鈕的顏色、形狀等元素排列一致。

UI設計是對用戶軟體使用環境的設計。由於APPUI設計必須遵從易用性的特點,尤其是手機界面尺寸有限。因此,簡潔大方的交互界面設計才能更容易的吸引用戶、引導用戶。

極簡主義是美學上的簡化主義,其設計理念強調刪繁就簡、簡約整潔、突出主題,用最少的色彩和最簡單的形象直接表述最終的設計意圖和優美高雅的思想品味。

優秀的界面布局會個性鮮明、重點突出、準確明了,便於用戶尋找信息操作程序。在設計時都要簡約而不是簡單,就是說在手機有限的屏幕裡具有清晰的瀏覽次序,需要根據用戶的視覺基本流程給界面進行合理的空間布局和定位,疏密搭配、相互呼應,科學合理的排列組合,設計出用戶的視覺層次,使界面突出核心和重點。

用戶可以通過布局和定位形狀、尺寸、顏色對比等做出選擇,在最短的時間內快速清晰地識別出信息,操作功能。

APPUI設計中各種色彩構成的面積、形狀、位置以及色相、明度、純度之間要有對比和變化,使頁面布局結構與配色之間的分組與整合、對稱與平衡、對比與統一、強調與突出、虛實與留白、節奏與韻律等方面的協調互補。

UI設計中圖標的組合元素和圖標的配色設計要簡單,圖標和背景明暗距離以及圖標的明暗反差都要精心調整,突出主次。可以說,出色的色彩設計不但能夠讓圖標脫穎而出,對用戶產生強烈的視覺衝擊,而且也會感染用戶的情緒,為用戶帶來鮮活生動的視覺體驗,使用戶對軟體產生信任、親切、舒服的感覺,對產品產生依賴感。

相關焦點

  • 解析UI設計的基本原則
    UI設計需要遵循的基本原則:一、使用8的倍數我們使用8而不是5的原因是,如果設備的解析度為1.5倍,則無法正確呈現奇數。此外,絕大多數設備屏幕尺寸都可以被8整除,從而可以輕鬆地在這些設備上適當地調整UI設計。
  • 21個免費的UI界面設計工具、資源及網站
    來自51CTO的文章,本文將介紹一些UI界面與設計使用的元素、軟體和網站。
  • 如何設計出「好看」的UI界面(一):排版的六項原則
    文/哥白尼排版是界面設計中最基本的,也最重要的,就像是繪畫中的造型設計,要是形體不準,上面的細節裝飾再豐富也是徒勞。好的排版能有效地向用戶傳遞關鍵信息,同時也能提升產品的用戶體驗,排版已經變成了設計師越來越重視的一個環節,下面總結了一些排版的知識點,希望可以和大家一起成長。
  • 扁平風的手機賽車遊戲UI界面是這樣設計的
    遊戲界面:實際遊戲環節的界面。結束界面:遊戲結束之後的得分和總結、成就等界面。在設計遊戲界面的時候,設計師需要找到讓玩家流暢且愉悅地遊戲方法。玩家們並沒有準備大把的時間來面對不清晰的導航,他們希望直觀的界面,希望能夠直接參與到遊戲過程中去,這是遊戲界面設計師所必須記住的。
  • UI設計網站 | 常用的UI設計網站大集合
    UI中國http://www.ui.cnwww.ui.cn-(原iconfans)界面設計垂直社區、中國人氣最高的圖形界面互動設計平臺。專注於UI界面設計,提供UI設計欣賞、軟體界面設計欣賞UI設計第一站http://www.ui001.comUI設計第一站致力於提升UI設計師能力,打造UI設計師交流學習為一體的平臺.
  • APP界面設計之頁面布局的22條基本原則
    移動APP頁面布局(Layout)是我們設計app界面的時候,最主要的設計任務。一個app的好與不好,很大部分取決於移動APP頁面布局的合理性。下圖為APP最原始的布局模型。移動APP經典布局界面欣賞,以首頁為例展示:頁面布局顧名思義就是對頁面的文字、圖形或表格進行排布、設計。優秀的布局,需要對頁面信息進行完整的考慮。即要考慮用戶需求、用戶行為,也要考慮信息發布者的目的、目標。
  • 人機界面設計原則及設計思想
    人機界面(HumanComputerInterface,簡稱HCI)也可以稱為用戶界面或使用者界面,它是系統和用戶之間進行交互和信息交換的媒介。利用人機界面可以實現信息的內部形式與人類可以接受形式之間的轉換(伺服控制系統)。在實際生活中,凡參與人機信息交流的領域都存在著人機界面。那麼什麼是人機界面設計呢,人機界面設計原則有哪些呢?
  • app界面設計的流行趨勢
    app界面設計的流行趨勢,界面作為我們認識app的第一道門檻,是app的「面子」,更是不可忽視的一項重點設計,為了建立有效的ui,設計師需要根據移動端app本身的特性和當下趨勢,作出不一樣的改變。但當今設計趨勢瞬息萬變,在沒有統一標準的設計規則之下,緊跟設計趨勢,才能保證ui對用戶的吸引力常在。一、首頁作為設計師,一定要做到多看多用才能夠找到更適合產品本身的展示方式。下面介紹一下首頁最常見的4種表現形式,分別是列表型首頁、圖標型首頁、卡片型首頁和綜合性首頁,不同類型的首頁布局承載著不同的內涵。
  • 參加ui設計培訓都應該知道的事!天津ui設計培訓機構
    正打算學習ui設計的你,不論是想通過線上學習、線下學習還是自學,小築都希望給你一些建議,能夠在ui設計的學習道路上不迷路,不走彎路。 今年的市場情況不是很理想,也給了很多求職者重重一擊尤其是大部分的應屆生同學們,也讓很多人意識到了學習一門技能的重要性,想當然ui設計成了熱門之選。
  • 上海UI互動設計培訓班淺談ui設計就業前景好嗎
    有很多的同學是非常的想知道,ui設計工資一般多少,好不好就業,非凡教育UI互動設計培訓老師整理了相關信息,希望會對同學們有所幫助!一、產品型的ui設計師懂ue、會看數據、懂用戶體驗並且懂產品,能夠把需求實現所有設計稿給開發是對於一位產品型的ui設計師的基本具備的能力要求。
  • 2020年北大青鳥學ui設計好找工作嗎?
    2020年學ui設計有發展前景嗎?2019年接近尾聲,是時候為2020年開始籌謀。視聽時代,ui設計開始盛行,許多公司都急需ui設計人才,因此現在開始了解UI設計正是時候。北大青鳥魯廣校區老師為大家介紹,從研究發現未來的界面設計趨勢,包括今年一些受歡迎的設計系統,從中提取一些未來可能的設計風格走向。探索明年趨勢走向。那麼對於界面,同樣的我們需要提前掌握大致設計風格走向,為未來更好地工作做一些設計儲備。
  • 看看老外的社交APP UI界面設計,不知道你能有啟發不?
    對話頁面的ui要怎麼設計呢?下面列舉12個國外社交app ui設計案例供設計師盆友們參考。1、Tomek Kwiatkowski作品,黑色背景設計,歷史聊天記錄跟當下聊天用橫線分隔開。2、Trupti Pawnikar設計作品,清晰簡潔的設計。
  • UI界面設計是什麼?
    UI界面設計是什麼?我們來解釋一下。對於用戶的界面,我們想一下,我們日常生活中接觸到的哪些是用戶界面?我們的手機界面、電腦界面、iPad界面、還有車載系統界面、VR界面等。將這些界面設計劃分為三類:PC端UI設計、移動端UI設計、其他UI設計。
  • UI設計哪個學校好?零基礎學UI設計教程分享
    UI設計哪個學校好?零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • 有關遊戲UI設計的5個基本原則和一些思考
    玩家對於遊戲界面設計不美觀、使用不方便的會馬上拋棄,加大地影響到用戶留存度。下面我們就來說說有關遊戲UI設計的5個基本原則以及一些思考。  UI決定了一個遊戲的初體驗,甚至決定了玩家的初始留存,甚至可以說決定了一個遊戲的品質,雖然看起來是表象的,卻是直指遊戲核心的。簡單講,玩家認可一款遊戲永遠都是造型場景好,劇情好,畫質棒;但是玩家罵一款遊戲也很簡單粗暴,平衡差,數值辣雞。
  • 0 基礎學習UI設計必看的知識體系!
    ui設計其實是個比較籠統的叫法,是指軟體的人機互動、操作邏輯、界面美觀的整體設計。它包含了互動設計和視覺設計2個方面。 一個合格的UI設計師不僅要能設計出美觀的界面,還要能最大限度提升用戶操作的效率,通過色調影響用戶的操作習慣,用顏色或圖形明確產品功能/內容的主次和展示,降低用戶的操作負擔!
  • 培訓的學員親身經歷,學ui設計需要多久
    學ui設計需要多久現在隨著網際網路的高速發展,各行各業的人都想加入網際網路IT行業的大家庭。大家無非看中的就是IT行業的高薪,以及未來的發展。那麼像一個人從0基礎學ui設計到可以上班的水平需要多久呢?首先我們需要了解什麼是ui設計,ui設計(User Interface Design)即是界面設計。簡單的說就是指對軟體的人機互動,操作邏輯,界面美觀的整體設計。它可以分為實體UI和虛擬UI兩類,我們所學習的即是虛擬UI。再簡單一點就是讓APP,網頁,遊戲之類的操作變得更為簡單和舒適。
  • ui設計與平面設計的區別?哪個更有發展前途?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享ui設計與平面設計的區別?哪個更有發展前途?ui設計和平面設計都是當下比較受歡迎的設計學科,而ui設計和平面設計哪個比較好?在解決這個問題前,大家有必要了解一下ui設計和平面設計的含義:1、什麼是ui設計?UI設計是指對軟體的人機互動、操作邏輯、界面美觀的整體設計,也叫界面設計。
  • 零基礎學UI設計電腦需要哪些配置
    1.為什麼主流的ui設計師基本都是使用蘋果電腦?基於此,sketch逐漸步入ui設計師的視野,sketch是一款輕量級的矢量設計工具,也就是功能特別簡單,但又對ui設計師非常具有針對性,包括裡面的插件功能,組件控制項以及響應式設計等,都讓ui設計師大呼:真香。
  • 設計了一個簡易的Python GUI界面
    我們都知道GUI界面設計不是python的強項,但作為萬金油程式語言,python也並不是不支持GUI開發。