正文

UI設計的基本原則（ui設計的基本原則有哪些）_1

發(fā)布時間：2023-04-28 02:53:35 稿源：創(chuàng)意嶺閱讀： 864

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于UI設計的基本原則的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀企業(yè)，服務客戶遍布全國，設計相關業(yè)務請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI設計中的5大金手指原則
2、什么是ui，網(wǎng)站ui設計應該注意些什么，有哪些基本原則
3、「UI設計」如何做好按鈕設計的9個基本原則
4、優(yōu)秀的UI設計的10條原則？

UI設計的基本原則（ui設計的基本原則有哪些）_1

一、UI設計中的5大金手指原則

一、先搞清楚：給誰用?在什么時候用?

首先，你必須要分析做的這個設計解決的是什么人(用戶)、在什么時候(場景)下的問題?而青藤小編在他們前面都加了一個詞“不同”，一般情況下，即使是同一個界面，在不同用戶的不同場景下設計也要細分，有所區(qū)分的進行設計。

二、搞清楚：用戶在這個頁面要做且必做的一件重要的事是什么

做事情不能三心二意，做頁面設計亦是如此。界面設計要簡潔，一個頁面只承載一個最為重要的功能，完成最重要的一個指標，如果一個頁面要表達的東西太多，那將會給用戶帶來選擇恐懼，想要說都是重點那也將都不是重點。

三、重點優(yōu)先級：功能+交互操作+視覺

做設計要讓頁面的元素具有清晰的層次，一個頁面的重點是什么?次之是什么?最弱化的是什么?而這個層次從三個方面都要有設計體現(xiàn)：功能+交互操作+視覺。一般情況下，這三個的優(yōu)先級基本是一致的，功能的優(yōu)先級決定了交互操作和視覺的優(yōu)先級，視覺優(yōu)先級引導用戶的操作路徑的優(yōu)先級，他們互相制約互相影響。

四、可識別性是第一視覺原則

清晰明了的識別是界面設計的第一原則。產(chǎn)品最好不要搞朦朧派、抽象派，要想你設計的界面立意準確、有效有用，首先就得保證用戶能夠準確的認出它，然后準確的操作使用它。

五、取舍：功能性能大于視覺

對大多數(shù)設計師來說，都把自己定位為視覺型設計師，把顏值看得比生命還重要，殊不知我們應該晉級成為產(chǎn)品型設計師、運營型設計師甚至是還要懂一點技術的設計師，要帶著用戶的思維從源頭來看這件事，那就是設計這個界面的目的是什么?答案：為了解決用戶的問題。

以上就是青藤小編關于UI設計中的5大金手指原則的分享，總之，界面設計不僅僅只是設計一個美麗的外表，它必須在保證有用好用的前提下再是好看!

二、什么是ui，網(wǎng)站ui設計應該注意些什么，有哪些基本原則

UI即User Interface(用戶界面)的簡稱。UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。

好的網(wǎng)站UI設計，不僅具備清晰的界面，還要給用戶以簡潔的感覺。用戶的第一印象是非常重要的，簡潔的UI設計原則會讓用戶在最短的時間內找到自己想要的內容，提高了效率，很多建站公司都明白其中的道理，進行網(wǎng)站改版就是為了簡潔化。扁平化設計就是一個好的思路。

三、「UI設計」如何做好按鈕設計的9個基本原則

按鈕是任何用戶界面當中（無論是桌面還是移動用戶界面）必備的交互元素：甚至可以說，如果頁面中沒有一個按鈕，整個頁面設計將是不完整的。

接下來我們就來聊聊制定按鈕規(guī)范時會遇到的一些問題，雖然只有普通按鈕，但還是有很多細節(jié)值得我們思考學習。

大綱如下

1、按鈕的類型

2、按鈕的狀態(tài)

3、按鈕的主次關系

4、按鈕的設計尺寸

5、按鈕的圓角

6、按鈕的文字

7、按鈕的樣式一致

8、按鈕的色彩

9、按鈕的擺放位置

1、按鈕的類型

按鈕包括很多種，本文主要分享的是我們在設計中經(jīng)常運用到的一些按鈕類型。比如普通按鈕、圖標按鈕、文字按鈕、下拉按鈕等等

2、按鈕的狀態(tài)

按鈕的狀態(tài)一般分為三種：正常態(tài)、不可點擊狀態(tài)、點擊狀態(tài)。

正常狀態(tài)就不必多講了。按壓狀態(tài)：我常用的一種方式是將按鈕的不透明度改為80%- 85%:

不可點擊狀態(tài)，也推薦兩種實現(xiàn)方式，一種是降低為30%的透明度，另一種是直接置灰:

3、按鈕的主次關系

頁面的內容信息可以通過文字的大小、顏色形成層級關系。同樣按鈕設計，我們可以在風格上進行區(qū)分，讓主要按鈕與次要按鈕形成差異，達到層級結構的視覺提升，更好引導用戶根據(jù)設定的軌跡進行操作。

4、按鈕的設計尺寸

4.1 合適的大小

按鈕需要方便用戶進行點擊操作，如果用戶點擊失敗或者誤點到周邊元素，就會帶給用戶不友好的體驗。若是帶有文本的按鈕，只要文字大小不要小于極限值即移動設備上 44 * 44 ，通常實現(xiàn)出來的按鈕交互熱區(qū)都會滿足點擊需求。

4.2 按鈕的高度

每個平臺都會有多種型號的按鈕，我見過最多的可以分為5種：超大按鈕、大按鈕、中按鈕、小按鈕，超小按鈕，這個可以根據(jù)自己平臺的需要來制定多少種。每一種按鈕都需要有一個特定高度，那么這個高度如何制定才比較科學呢？這里可以推薦一種方式，就是按鈕的高度是文字的三倍左右，這樣看起來會比較舒服：

4.2 按鈕的寬度

在不同的頁面中按鈕的寬度是隨機的，所以按鈕的具體寬度我們需要具體的功能來設置。

比如在閑魚 APP的登錄頁、購買頁中，按鈕的寬度都不是相同的。

5、按鈕的圓角

對于按鈕邊框來說，我們通常采用全圓角和小圓角居多，這樣顯得穩(wěn)重大氣。一般我采用全圓角的圓角值等于按鈕高度值的一半，而小圓角的圓角值通常控制在 1/4H（高度值的四分之一）以內。

同時要注意的一點是，在同一款產(chǎn)品中要保證所有按鈕的圓角比例是一致的，而不是圓角一致。如果不同大小按鈕的圓角都是一致的，那會顯得非常別扭。

6、按鈕的文字

按鈕文字和邊框的設計要預留一定的留白，不要做“舍不得”的設計，使得按鈕給人感覺很擁擠。如果你把控不好可以分析一些按鈕的負空間獲取經(jīng)驗，看看文字大小和負空間之間是否存在某種比例關系。找到這個比例關系運用到按鈕設計中，也許會讓你的設計顯得更加成熟穩(wěn)重。

建議按鈕的文字一般不要超過6個漢字。

7、按鈕的樣式一致

在同一頁面中按鈕的樣式要形成一致，不要給用戶造成理解上的成本。

8、按鈕的色彩

顏色部分比較簡單，一般會選用規(guī)范體系的顏色即可。但像紅色或者橙色多為行動刺激作用，不適合在非品牌色的時候濫用。淺灰色或者低飽和度的色系會帶有不可用、禁用、失效等屬性，需要酌情選擇。

9、按鈕的擺放位置

按鈕的擺放位置通常要結合用戶的視覺感受、與用戶操作習慣進行擺放。

好了，以上就是關于按鈕規(guī)范的分享，希望能幫助大家提供一些思路和靈感，歡迎交流！

四、優(yōu)秀的UI設計的10條原則？

1.創(chuàng)新

絕不窮盡創(chuàng)新的可能性。技術發(fā)展總是為創(chuàng)新設計提供新的機會。但是，創(chuàng)新設計總是與創(chuàng)新技術一起發(fā)展，而永遠不會成為終點。

與用戶界面有關

a、“我”一詞：用戶界面設計中涉及很多創(chuàng)新。目標是考慮對您的用戶而言新穎的新穎界面和交互，這可能意味著“缺少UI”或根本沒有“ UI”。

b、杯子手柄因其承受能力而創(chuàng)新，類似地，UI應該看起來在后臺“消失”，而不是引起人們的注意。

C、閱讀Mark Wieser的論文：面向21世紀的計算機。

2.制作有用的產(chǎn)品

購買了要使用的產(chǎn)品。它必須滿足某些標準，不僅是功能上的，而且還必須滿足心理和美學上的要求。良好的設計強調產(chǎn)品的實用性，而忽略任何可能損害產(chǎn)品的特性。

與用戶界面有關

a、通過使用通用約定和UI模式，可以使觀眾的先前經(jīng)驗和期望達到匹配。

b、不要為相同產(chǎn)品之間類似的一致的用戶交互而重新發(fā)明輪子。例如，用戶登錄

3.是美學的

產(chǎn)品的美學質量是其實用性不可或缺的一部分，因為我們每天使用的產(chǎn)品會影響我們的人和我們的福祉。但是只有執(zhí)行得當?shù)膶ο蟛攀敲利惖摹?span style="display:none">NJ5創(chuàng)意嶺 - 安心托付、值得信賴的品牌設計、營銷策劃公司

與用戶界面有關

A、用戶界面應具有吸引力并經(jīng)過風格化，以響應用戶對硬件期望的質量。

B、用戶界面具有je sais quoi。所有單獨的元素加在一起產(chǎn)生的東西比任何一個部分都要大。像烹飪一樣，所有食材都必須正確混合。就像廚師在上菜前先品嘗食物一樣，UI設計師也應如此。

4.使產(chǎn)品易于理解

它闡明了產(chǎn)品的結構，組織和目的。更妙的是，它可以使產(chǎn)品脫穎而出。充其量是不言自明的。

與用戶界面有關

A、UI是我們通過玻璃在其上創(chuàng)建含義的畫布。它對用戶具有個性，聲音和價值。如果您不了解界面在用戶生活或使用環(huán)境中所具有的價值，則可能會導致錯誤。

B、充分了解您的用戶，并不斷測試解決方案是否可以理解。

5. 坦率的

達到目的的產(chǎn)品就像工具。它們既不是裝飾物也不是藝術品。因此，他們的設計應該既中立又受約束，為用戶的自我表達留出空間。

與用戶界面有關

A、最好的接口是我們在不認識它們的情況下使用的接口。它們消失在我們的自然任務中

B、就用戶而言，界面就是產(chǎn)品。

6. 誠實

它并沒有使產(chǎn)品具有比實際更多的創(chuàng)新，功能或價值。它不會試圖以無法兌現(xiàn)的承諾來操縱消費者。

與用戶界面有關

A、UI并未嘗試向其用戶隱藏相關數(shù)據(jù)。它應該嘗試提供有關用戶注意而不是UI的重要信息。

B、UI清晰，有意義且易于理解，有望使它變得可用。

7.持久耐用

它避免過時，因此永遠不會顯得過時。與時尚設計不同，它可以持續(xù)多年-即使在當今的一次性社會中。

與用戶界面有關

a、用戶界面是一個可以在不破壞和重建的基礎上每6個月進行一次改進的系統(tǒng)。(我在看著你UBER)

b、UI功能應經(jīng)過測試，以確保它們與用戶相關。已使用的UI功能是可以保留超時但僅在可用時可用的UI功能。

8.是最后細節(jié)嗎?

任何事情都不能是任意的或偶然的。設計過程中的謹慎和準確性表明了對用戶，產(chǎn)品和設計的尊重。

與用戶界面有關

a、我們的用戶在屏幕上花費的時間越來越多。我們需要通過考慮我們的工藝來使這些經(jīng)歷有意義，并坦率地說該死。

b、實際上，好的設計要比差的設計要難得多，部分原因是好的設計能夠很好地滿足我們的需求，從而看不到設計。

9.環(huán)保嗎

設計為保護環(huán)境做出了重要貢獻。在產(chǎn)品的整個生命周期中，它可以節(jié)省資源并最大程度地減少物理和視覺污染。

與用戶界面有關

a、UI可以將其連接傳達給更大的設計精神。它可以促進不增加廢物流的敘述和原因。

b、UI可以講述一個故事，而故事可以改變用戶的心靈。

10.盡可能小的設計

更少，但是更好-因為它專注于基本方面，并且產(chǎn)品不包含不必要的負擔?；氐郊兇?，回到簡單。

與用戶界面有關

a、出于UI的考慮，不再有UI。真正了解用戶的需求應該消除不必要的用戶界面元素，并減少對所需任務的分心。

b、UI對用戶是有禮貌的，因此，我們的作用不是創(chuàng)建UI，而是為人們創(chuàng)建。

猜你喜歡

UI設計的基本原則包括（ui設計的基本原則包括什么）

ui設計的基本內涵是什么（ui設計的基本內涵是什么）

ui設計的圖片素材（ui設計的圖片素材大全）

ui設計的圖片作品集（ui設計圖片欣賞）

ui設計的四大原則（ui設計的四大原則包括）

UI設計的含義（什么是ui設計-包括哪些方面）

UI設計的含義及特點（UI設計的含義及特點是什么）

ui設計的含義及特點是什么（ui設計的含義及特點是什么呢）

ui設計的發(fā)展趨勢2023（ui設計的發(fā)展趨勢）

ui設計的原理（ui設計的原理和解決方法）

問大家

一個UI設計師，什么樣的作品集內容會贏得bss以及hr的青睞？

平面設計師怎么快速進入互聯(lián)網(wǎng)公司做ui設計？

UI行業(yè)適合男生嗎？

歲開始學UI設計，還有出路嗎？

一個技能全面的UI/UE設計師需要必備技能是什么？

怎樣才算一名優(yōu)秀的UI設計師？

UI設計需要學習幾個月能找工作？

工作三年的UI設計師，未來該如何發(fā)展？你怎么看？

ui設計真的很缺人嗎，為什么那么多公司搞ui設計收費培訓？

UI設計新手入門，有哪些推薦的書籍或者教程嗎？

真正的濟南婚介哪家比較好？現(xiàn)在的婚戀平臺有多少是靠譜的？

山東省會濟南000后同城交友哪家平臺比較好？高端靠譜的

濟南婚戀交友網(wǎng)站哪個比較好？相親征婚交友哪個網(wǎng)站靠譜？

讓品牌有溫度、有情感
專注品牌策劃15年

UI設計的基本原則（ui設計的基本原則有哪些）_1

猜你喜歡

問大家

推薦專題

相關主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感 專注品牌策劃15年

UI設計的基本原則（ui設計的基本原則有哪些）_1

猜你喜歡

問大家

推薦專題

相關主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感
專注品牌策劃15年