<dfn id="rsyau"><label id="rsyau"></label></dfn>
    <table id="rsyau"></table>
<noframes id="rsyau">
    <dfn id="rsyau"></dfn>
    <blockquote id="rsyau"></blockquote>
    <table id="rsyau"></table><progress id="rsyau"><delect id="rsyau"><sup id="rsyau"></sup></delect></progress>
      <table id="rsyau"></table>
      <dfn id="rsyau"><samp id="rsyau"></samp></dfn>
      <table id="rsyau"><label id="rsyau"></label></table><dfn id="rsyau"></dfn>
        <legend id="rsyau"><dfn id="rsyau"></dfn></legend><var id="rsyau"><sup id="rsyau"></sup></var>
        <progress id="rsyau"><samp id="rsyau"></samp></progress>
          <table id="rsyau"><delect id="rsyau"></delect></table>

              全國咨詢/投訴熱線:400-618-9090

              首頁技術文章正文

              UI設計原則:匯總深入人心的UI設計原則

              更新時間:2020-11-25 來源:黑馬程序員 瀏覽量:

              UI設計教程

              引言

              自有設計崗位以來,一直存在部分設計師習慣于將設計視為純粹的視覺藝術工作,但其背后還是有很多工作要做。所以,美感和靈感其實不足以創造與支撐出非常嫻熟的設計。這也就是為什么UED設計師應該擁有不同科學和領域的部分知識和技能來支撐完成工作,這里我們可以將這種學習方式與學習思維稱之為“多元思維”。

              不管是工業設計、產品設計、服裝設計,還是平面設計等等都好,這些不同的設計,其實本質上來講,都不僅僅是純粹的設計,或者叫做藝術設計?在拋除自身領域的知識外,它們還應該涉及其他學科知識的各個領域知識,而且,可以確定的說,這些多學科知識與學問、知識和實踐都可以幫助我們更加高效且富有成效地工作。

              我們今天要跟大家討論的同樣也是可以幫助設計師了解用戶的一些基礎研究之一:心理學,并且,同時包含講述心理學在設計中所能起到的作用,以及在設計過程中我們需要也是必須記住的心理學原理知識點。

              心理學在設計中的作用

              現如今,以用戶為中心的設計可使設計師大幅度提升對工作的效率與對接,并且還可以更深入地了解目標受眾與群體?!对O計心理學》(作者:唐納德·諾曼)一書中將設計定義為一種交流行為,這意味著設計師對正在與之交流的人會有更加深刻的了解。并且,為了更好地了解人們的需求,我也建議設計師牢記人類本性行為,清楚用戶心智、習慣和動機的心理學原理。

              設計原則


              如果設計師在創作過程中運用心理學,那么工作的結果必將更加有效與匹配,因為科學的總結對目標受眾與人群已經有了非常深入的了解。同時心理學知識也有助于創造設計,使用戶能夠執行設計師所期望的操作流程,例如:進行點擊購買或滑動界面。

              UI設計原則


              部分初級設計師在面對這類知識時,可能會將心理學視為改善設計的復雜方法,因此可能刻意或無視忽略這部分研究和學習。但是,當你簡單了解后,就會發現這些本應就有的知識,在你一看就懂的同時,卻是你日常工作中最容易忽略的。其實,在日常設計工作中,你只需簡單且有效地使用它,就可以大幅度提升你的工作效率與產品邏輯,您需要考慮的就是設計中不斷提出的基本原理。根據經驗和研究學習,我總結了在設計過程中經常應用的六項有效的心理學原理。

              格式塔原理

              格式塔心理學也稱為“完形心理學”,研究內容主要是意識體驗,著名論點是:“整體大于部分之和”。格式塔心理學明確指出:構造主義把心理活動分割成一個個獨立的元素進行研究并不合理,因為人對事物的認識具有整體性,心理、意識不等于感覺元素的機械總和。這一理論到如今已有近100年的歷史了,但它卻從沒有消失現實性。其中原則包括:

              1. 親密性

              設計原則04-親密性

              當物體彼此靠近時,這些物體被看作是一個整體而不是獨立的。

              2. 相似性

              設計原則05-相似性

              相似性原則出現在物體看起來相似的時候,人們常常會把他們看作是一個組或者是一個模式。

              3. 焦點

              設計原則06-焦點

              焦點是畫面中用戶感興趣、強調或者差異的區域,能夠抓住用戶的注意力。

              4. 共同區域

              設計原則07-共同區域

              意思是當物體在同一個封閉區域內時,會被認為是同一組元素。

              5.閉合原則

              設計原則08

              有一種常見的視覺歸類方法基于人類的一種完型心理:把局部形象當作一個整體的形象來感知。這種知覺上的特殊現象,稱之為閉合。

              6.對稱原則

              設計原則09-對稱原則

              無論距離遠近,對稱元素都會被認為屬于一體,給我們一種堅固和有序的感覺。

              7.共同命運原則

              設計原則10-共同命運原則

              向同一方向運動的元素被認為比向不同方向運動的元素更相關。

              8.連續性原則

              設計原則11-聯系性原則

              排列成直線或柔和曲線的元素被認為與隨機排列或粗糙線排列的元素相關。

              本能反應

              你曾經有沒有過這種感覺,當你第一次打開某一網站或app時,就立刻喜歡上了這個網站或app,或者某個網站或app會是你馬上吐槽,并讓你感到非常不適?如果有以上這兩種情況,那么恭喜你,您之前已經無意中體驗過了本能反應。其實這種反應是來自大腦負責本能的部分,我們稱之為“舊腦”,它的反應比我們的意識要快得多,在我們大腦中,由三部分負責我們的情緒或決策,其中有:新腦、舊腦、中腦,而其中舊腦就是負責我們本能反應的,也就是我們常說的感覺、直覺,這是因為它植根于我們的DNA中,因此可以輕松預測一些外界事物,或者舉例說當我們看到一只老虎時,我們本能反應是逃跑與害怕,這就是舊腦在起作用。

              設計原則12-本能反應

              那么,設計師該如何使用這些知識呢?我們的的目標是在設計中營造并賦予這種積極的審美印象。其實不難猜測,對人們看起來不錯的東西,只要尋找符合用戶需求的內容與樣式,就可以達到這一目標。因此,我們推斷一下,那些在網站或app首頁上賦予高質量圖片或色彩的界面設計,他們在設計過程中,所運用的方式與手法,也就不難理解了。

              色彩心理學

              研究顏色對人的思想、行為、反應影響的科學被稱為色彩心理學。今天,我們不深入討論顏色的本質問題與知識點,因為它太復雜。簡而言之,這次講解的主要思想是顏色對用戶的感知度和影響力。這也是為什么我們設計師應該有意識地選擇顏色,以確保我們的作品能呈現正確的信息和色彩。

              以下是基本顏色及其通常關聯的含義的列表,我在這里給大家做了總結:

              紅色:顏色通常與熱情,強烈或激進的感覺相關;它象征著好和壞的感覺,包括愛、自信、熱情和憤怒。

              橙色:充滿活力的溫暖色彩帶給您興奮的感覺。

              黃色:這就是幸福的色彩,它象征著陽光、歡樂和溫暖。

              設計原則13-色彩心理學

              綠色:大自然的色彩,它帶來平靜和更新的感覺;另外,可能表示經驗不足。

              藍色:它通常代表一些公司形象,它通常表現出鎮定的感覺,但是作為一種涼快的顏色,它還與距離和悲傷相關。

              紫色:由于許多國王穿著紫色衣服,長期以來與皇室和財富聯系在一起,它也是神秘和魔術的顏色。

              設計原則14-色彩心理學

              黑色:顏色具有很多含義;它伴隨著悲劇和死亡、它代表著一個謎、它可以是傳統的也可以是現代的,一切都取決于您如何使用它以及它帶有哪種顏色。
              白色:顏色表示純度和純正,以及完整性和清晰度。

              設計原則15-色彩心理學黑和白

              識別模式

              你可能在日常瀏覽網站或者app時已經注意到這一現象,產品界面風格或樣式會與一個主題結合在一起,并且網站或app通常在設計中都同樣具有共同的模式。這里原因就在于用戶的心理認知,事實是,在用戶訪問網站或使用app前,就已經對特定行業屬性或風格做了識別設定,同樣也期望看到與特定種類產品所相近和相關的事物信息。

              例如,我們在訪問一個政府型網站時,所已有的認知是莊嚴的、紅色或者藍色的、且布局是列表形式的,但如果打開網站確實活潑的、多彩的,我們肯定會認為這個網站是不可靠或者打開了錯誤的網頁,這就是識別模式的作用。

              設計原則16


              這里還有一點,一個網站或app不僅顏色和圖片很重要,而且一些顯而易見的常見事物,例如首頁上的列表、過濾器對于成功導航也很重要,這些同等的因素合在一起,會使用戶很快就習慣此產品,并快速上手使用。

              掃描圖文

              在閱讀網頁之前,用戶基本都會對其進行掃描一遍,以進行對產品內容的大致了解,這是他們在看此產品界面是否會讓他們感興趣。根據不同的研究,包括尼爾森定律(Nielsen Norman Group),有幾種常見的設計手法用于界面設計, 其中有“ F”和“ Z”模式:

              設計原則17

              “F”模式被稱為最常見的眼睛掃描模式,尤其是對于內容量很大的網頁。用戶首先掃描屏幕頂部的一條水平線,然后向下移動頁面一點,然后沿著通常覆蓋較短區域的水平線進行讀取。最后一個是副本左側的垂直線,他們在段落的初始句子中查找關鍵字。它通常應用在文本較多的頁面上,例如微博,新聞平臺,社區類的網頁平臺等。

              而“Z”模式適用于不太集中在副本上的頁面。用戶首先從左上角開始掃描頁面頂部,并查找重要信息,然后向下傾斜至對角線的對角,最后以頁面底部的水平線結束,從左至右瀏覽。這是掃描登錄頁面或二級副本頁面且不需要向下滾動頁面的網站的典型模型,這意味著所有核心數據在預滾動區域中都是可見的。

              設計原則18

              當設計師知道了這些模式后,就可以已有效的方式放置元素與排版來引起用戶的感知,并幫助他們執行預期的操作,從而快速完成任務。

              ??硕?/strong>

              ??硕杀硎荆河脩魮碛械倪x擇權越多,他們所做出決定所花費的時間也就越長。這意味著設計師提供給用戶的選項越多,無論是要選擇的產品還是要查看的圖片,就需要花費更多的時間和精力來決定交互的下一步??赡艹霈F的結果是,用戶在使用產品后做出了選擇,但感覺不愉快,或者也可能出現更壞的情況,那就是用戶可能不想花那么大的力氣尋找任務目標從而離開此網站。

              設計原則19


              因此,建議設計師保留較為重要的選擇,包括按鈕、圖片、頁面。并且刪除不必要的選擇,這樣可以使產品的可用性更有效。

              總結

              心理學是設計中的較為有效工具,它可以使設計師在創作過程中制作出更加高效的產品樣式,同時結果也將更加的人性與好用。以上就是我要介紹的六種有用的心理設計原則,但是它們其實還只是冰山一角,因為在該知識領域上還有很多東西要學習。所以,大家可以根據基礎的心理知識進行延展學習與使用,并且合理運用于日常工作中,這樣就可以大幅度提升你的設計水平與能力。獲取【UI設計視頻教程】加播妞1605146928606_課程資料.jpg:2217622915。


              猜你喜歡:

              MBE風格是什么?MBE風格圖標設計

              又萌又可愛的字體設計教程

              電商主圖應該怎么設計?

              全鏈路UI/UE設計課程

              javaee

              http://www.itcast.cn/files/image/202012/20201209100457953.pngpython

              web

              ui

              cloud

              test

              c

              netmarket

              pm

              Linux

              movies

              robot

              http://www.itcast.cn/subject/uizly/index.shtml?seozxuids

              pythonAI

              一品道门在线观看