這次分享給剛入行的UI設計師們。
由于一直在網上學習知識,都知道現在的信息太過繁雜,什么樣的信息都有,一篇文章真正能獲取的干貨真心太少。而且什么知識都有,各有各的看法和想法。當你只看到別人的想法時并不能夠很好的擴展知識點。
我這幾個月一直在做一件事情,將學到的、看到的統一進行管理,成為自己的知識結構和體系。
為什么說UI設計是非常有講究的一件事?由于我們前人不斷的探索,已經形成了許多的設計規范,如果你是剛入門的就先去遵循這些規則,如果你哪天突然問自己為什么這里要加這種顏色或尺寸,你能夠想出更好的方案,來完成這一用戶體驗,那么恭喜你,你又上一層樓了。
我們先來互動一下,UX(用戶體驗)的重要性
如果說你要給你正在追求的男朋友或者女朋友做一桌飯,你首先要考慮什么?
怎么能讓他愛上這頓飯?
他喜歡吃什么?
他吃飯的時候有什么需求?
需要考慮你能做什么菜?
能買到什么?
我有多少錢?
如何達到上面所說的效果?
......
那么想過這些后,你就要開始準備了。
把買回來的菜想想具體怎么做,他吃飯的時候喜歡用刀叉還是筷子,如果用刀叉,那么他的擺放順序是什么,如何能讓他方便實用,口味咸淡如何調節,他會不會口渴,需不需要一個精美的桌布保護桌子還能讓他覺得很溫馨。讓他在整體的使用過程中得到良好的用戶體驗。?
這就是用戶體驗,用戶體驗不在設計當中的一個步驟,而是一個全過程。
看這幅圖,你把這桌菜按照你的預期制做完成
大家可以看到圖上的飯菜很漂亮,會讓你看上去就想吃,并且桌子上的東西一目了然。桌布和食材搭配的很好,擺盤也十分恰當,重要的是還放了一杯水還有鹽和油,會讓你感覺很貼心。
大家要記住UX是一個設計過程,而不是在設計之中某個節點需要做的事,UI則是為了達到一個良好的用戶體驗的直接展現工具,但是對于一個UI設計師除了要有很強的表現能力外還需要考慮交互邏輯,就是我們說的交互流程圖,交互方式就是考察一個設計師是否正確的理解信息傳達和用戶使用習慣的能力等等。
1、UI設計的基本原則
(1)簡單:設計要精簡,多余的東西就算再好也要舍棄;
你的界面不應該為了好看而增加沒必要的設計,將不必要的設計和信息不滿整個界面,最終會造成用戶瀏覽和記憶的疲勞。要知道,人的天性都是懶惰的,越簡單、越易懂的設計才是用戶最喜歡的。
(2)統一:設計的頁面需要統一,小到字體大小及顏色,大到排版方式;
否則不僅影響美觀,同樣會影響用戶的判斷力和識別能力。
(3)習慣:有些設計經前人的努力,客戶已經形成了使用習慣,應該繼續保持而非改變;
比如人們已經習慣紅燈停綠燈行,也慢慢地習慣了界面上的紅色刪除、取消,綠色確認、確定,你偏偏要去做一個相反的顏色或者使用其他顏色,這會讓用戶在心理上產生很大的排斥。
(4)人性:注重人機關系,讓顧客有舒適的體驗。
所謂的人性化,就是說你的設計應該清晰的、有序的、安全的、周到的。讓用戶深深地感覺到產品帶來的周到服務,這一系列便是人性化。
2、“抄襲”別人超越自己
(1)多問自己為什么
為什么陰影那么重
為什么非常小的細節要刻畫的那么深刻
為什么白色的高光沒有那么明亮
….
(2)多臨摹好的作品
臨摹的時候最好選擇一些有源文件的,當你遇到瓶頸的時候,你可以打開源文件看看高手是如何處理細節的
(3)研究設計師
在練習設計師的作品過程中,尋找原設計師的思路
加入自己的想法
進行對比
只有不斷的思考,才會更有長進
如果做事情不是手腦配合,那么始終會舉步不前
3、如何突破瓶頸期
突破瓶頸期的方法就是多看、多想、多練。熟能生巧,當你日積月累的把你以往的點滴匯聚起來時,某天就會靈感迸發了,當然這個過程也許幾天,也許幾個月,也許幾年,甚至更久,這是一個不斷積累的過程,切忌浮躁。
(1)從同類產品中尋找靈感
研究分析,同行的產品(競品分析)。哪里設計的好,哪里設計的不好。
(2)多思考,多問自己為什么
所謂思考,不僅僅針對設計作品,也針對設計理念及知識。
(3)多看一些設計書
《設計心理學》《設計中的設計》《在你身邊,為你設計》《設計之下》
4、設計師的工作流程
(1)頭腦風暴:無論你從事什么樣的設計職業,第一件事一定是頭腦風暴
(2)設計階段:在設計的過程中,一定要避免一個個“指點江山”的人。
(3)輸出研發:切圖與標注(顏色、大小、距離、字體)
(4)補充待命:可能設計的某些風格或者特效無法實現,或者實現的時間、人力成本太高,需要變通其他方法。
(5)產品上線:準備隨時面對即將到來的時刻和迎接任何突發的問題。
(6)傾聽用戶:傾聽用戶的反饋。
5、UI設計師十大戒律
1、不可沉迷于自己作品的初稿
2、不可低估非專業設計師的意見
3、不可隨意違反用戶習慣
4、不可將設計分為高、中、低等
5、不可輕視任何人眼中的好設計
6、不可沉浸在抄襲的習慣里
7、不可將精力分散執行
8、不可天馬行空沒有依據
9、不可忘記初衷,沒有原則
10、成為一名“三心二意”的設計師(三心:平常心、責任心、堅定心,二意:創意、天意)
6、IOS設計規范
對于iOS設計規范我就不多說了,網上有資料下載,大家可以自己去搜索。
7、Material Design
Material design 最引人矚目的地方在于,其中的圖層創建對于用戶使用和交互設計都有極大的幫助。今天,Material design 風格的界面已經遍地開花,許多iOS平臺的應用都開始遵循這一設計規范。
通過過渡動畫,表達界面之間的空間與層級關系,并且跨界面傳遞信息。從父界面進入子界面,需要抬升子元素的海拔高度,并展開至整個屏幕,反之亦然。
通過圖標的變化和一些細節來達到令人愉悅的效果。
所有可點擊的元素,都應該有這樣的反饋效果。通過這個動畫,將點擊的位置與所操作的元素關聯起來,體現了動畫的功能性。