火星網校
UI設計新手，該怎么按“規(guī)則”做設計
發(fā)布時間：2023-12-01 09:58:18 瀏覽量：205次
“對于設計新手來說，每當從產品經理手中拿到一份需求的時候，你有沒有在設計前想過為什么會有這些需求？或者是拿到需求后，無從下手，不知道該怎么用設計去表達解決產品的需求？”
其實做任何事情都有規(guī)律可循，做設計依然，在這里我們就讓這些常見的基礎難題，用金手指抽絲剝繭一一化解，這個方法，我叫它5大金手指原則：
一、先搞清楚：給誰用？在什么時候用？（不同用戶的不同場景）
首先，你必須要分析做的這個設計解決的是什么人（用戶）、在什么時候（場景）下的問題？
而我在他們前面都加了一個詞“不同”。
舉例為（一個直播社交APP設計首頁，也要考慮劃分兩個不同場景）
不同用戶場景1：第一次使用的新用戶
他對一個界面的是完全陌生的，所以他進來的首次體驗是非常重要的，這個狀態(tài)不是一塊空白的畫布，它應該能夠為用戶提供方向和指導。
比如推薦喜歡的直播、熱門的主播、簡單清晰的使用提示等，以此來幫助用戶快速適應設計而留存用戶。
不同用戶場景2：使用過的老用戶
對于這種老用戶，他已經對界面熟悉，而且也有過操作記錄，所以當他進入首頁的時候，他以前所操作的數據是不是就應該會匹配顯示。比如他關注的直播列表、主播、他自己個人化的定制等。
所以即使是同一個界面，在不同用戶的不同場景下設計也要細分，有所區(qū)分的進行設計。
二、搞清楚：用戶在這個頁面要做且必做的一件重要的事是什么（每個頁面只有一個北極星目標）
做事情不能三心二意，做頁面設計亦是如此。
界面設計要簡潔，一個頁面只承載一個最為重要的功能，完成最重要的一個指標（北極星目標），如果一個頁面要表達的東西太多，那將會給用戶帶來選擇恐懼，想要說都是重點那也將都不是重點。
有人常常會遇到說：一個頁面，產品經理給的需求里要呈現的重要信息太多怎么辦？
好辦，我們可以把這個重要信息列出來，然后再從根源（用戶的第一需求、邏輯的先后順序）做篩選。
按照P1、P2、P3的優(yōu)先級來進行視覺設計。
P1一定是有且唯一的，我們要重點突出它，引導來達到并提高這個功能的轉化率，讓用戶不用思考，立馬直接去操作就對了。
當然在一個主要動作的同時，可以存在多個次要動作，但不要讓它們喧賓奪主。
三、重點優(yōu)先級：功能+交互操作+視覺（層次要清晰）
做設計要讓頁面的元素具有清晰的層次，一個頁面的重點是什么？次之是什么？最弱化的是什么？
而這個層次從三個方面都要有設計體現：功能+交互操作+視覺。
一般情況下，這三個的優(yōu)先級基本是一致的， 功能的優(yōu)先級決定了交互操作和視覺的優(yōu)先級，視覺優(yōu)先級引導用戶的操作路徑的優(yōu)先級，他們互相制約互相影響。
那么可以通過強烈的視覺層次感來實現，比如大色塊、大圖片、大字號、顏色、金剛區(qū)位置、微動效等等區(qū)分優(yōu)先級。
四、可識別性是第一視覺原則（能一眼看清和看懂）
清晰明了的識別是界面設計的第一原則。產品最好不要搞朦朧派、抽象派，要想你設計的界面立意準確、有效有用，首先就得保證用戶能夠準確的認出它，然后準確的操作使用它。
舉例：你要設計一個按鈕，那它看上去就必須像個按鈕，灰色按鈕告訴你是不可操作，彩色的按鈕是可以操作的。如果是個閱讀APP，那就不能把背景弄得花里胡哨，完全看不清上面的文字。
簡而言之，就是要保證你這張臉是干凈的沒有臟東西，眼睛是眼睛，鼻子就是鼻子。
五、取舍：功能性能大于視覺（好用之后才是好看）
對大多數設計師來說，都把自己定位為視覺型設計師，把顏值看得比生命還重要，殊不知我們應該晉級成為產品型設計師、運營型設計師甚至是還要懂一點技術的設計師，要帶著用戶的思維從源頭來看這件事，那就是設計這個界面的目的是什么？
答案：為了解決用戶的問題。
舉例：我需要一把椅子，設計師花了很多心思遠赴千里從國外找到材料，做了一個很美觀很高大上的桌子，雖然精美花費巨大，但是你覺得有用嗎？用戶不會選擇使用它，它就是失敗的設計。所以，你還不如就在隔壁拿一把木椅子給我，雖不精美但是又快又有用，何樂而不為。
因此，界面設計不僅僅只是設計一個美麗的外表，它必須在保證有用好用的前提下再是好看！
有舍才有得，即便舍棄視覺也要保障功能性能。
總結
無論是設計前的思考，還是完稿后的審查，都可以按照上面金手指的5個步驟標準，保證設計的完整性、合格性。
作者：早鴨同學；公眾號：早鴨同學
本文由 @早鴨同學 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
熱門課程推薦
熱門資訊
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
2. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
6. 史上最全，平面設計UI設計必備的77個國內外素材、設計資源網站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
最新文章
