火星網校
如何讓UI概念設計成為優(yōu)秀作品之一
發(fā)布時間：2024-03-03 12:58:21 瀏覽量：151次
作為視覺設計師，需要經常做一些概念設計，設計探索，來嘗試一些新的解決方案！很多剛畢業(yè)的設計師朋友由于沒有一些很好的實際項目案例，通過概念設計或者Redesign能很好的幫助他們去理解一個產品，像真正做產品一樣去設計每一個頁面，最近看了些設計師作品集，發(fā)現(xiàn)一些問題。（文中引用的一些案例，沒有貶低任何人之意，只是表達觀點。）
為了視覺效果而做
這個設計應該很多人做過，想問拋開圖片以外，它的設計創(chuàng)意在什么地方，我覺得這個設計師找圖片的時間應該比設計時間長，但是這個設計解決了什么問題？我們無法看出。
還有這種都是單頁，想問如果落地后，換成正常的圖片會是什么樣？是純粹追求視覺效果嗎？作為體驗設計師，我們工作并不是去創(chuàng)造一個好看的圖片，而是需要去滿足一些需求，鼓勵用戶去使用，設計師需要假設一些設計場景，將這些為前提你的設計才有意義。
為了加強項目經驗
很多公司招聘都需要設計師有項目經驗，所以作品集不夠豐富的設計師，會去做概念設計，Redsign一些知名項目設計，比如微信、淘寶、facebook等等！但是很多概念設計方案，往往沒有體現(xiàn)優(yōu)勢，反而暴露很多視覺缺陷。
這個微信概念設計，顏色很明亮、絢麗，但是有個問題是，用戶在這個頁面更多是關注輸入的內容，這里運用這么強一個選中效果，很明顯干擾了整個輸入體驗。
還有這個設計，很好運用了品牌色，很大膽，看起來不錯，但是設計上很重，大面積的綠色讓人長期使用會視覺疲勞！
這個設計，視覺效果來說非常的好，圖形細節(jié)、圖形飽和度都很舒適，但是忽略了一點，“品牌感” 微信的品牌沒有體現(xiàn)，遮住Wechat是否還能分辨出它是微信？可以說它是momo是微博或者任何一個社交產品。
再來看一些國外的設計，這個視覺效果很好，配色大膽，紫色和紅色的搭配在左側面板上，但是我們應該更加鼓勵用戶把注意力放在對話面板而不是列表上面，設計師可能覺得這個配色很酷，但是并沒有幫助我們解決設計問題，用戶并不會因為你的設計很酷，而對你的設計買單。
這個設計，配色大膽布局卡片式，用戶焦點也很明顯，但問題是改變了用戶的使用習慣，把常用的功能都放到了下方，同時右上角、左上角的一些功能習慣全部改掉了。
我們如何去做概念設計？
可能很多人看到這里會想說，說了那么多，我們怎么做概念設計呢，我這里有些大概的思路給大家拋磚引玉下但不一定完全正確，希望大家可以一起探討。
一、品牌感
特別是在做一些知名應用設計時候，一定不要忘記品牌感，品牌就像內衣，看不見但是很重要，我們做任何設計一定要是在品牌定位的基礎上去改進的！
Chrome瀏覽器黑色版本概念設計，我們看的出還是谷歌的品牌感，布局上，操作形式上都很符合谷歌的調性，但是視覺設計師設計又是解決問題的，從布局配色上進行了調整。
Google Bank來自內部的概念設計，不知道最終上線是什么樣，但是從概念稿我們不難看出，設計師是在品牌大的框架，大的設計限制下做的改變，整個APP的骨架、柵格、色彩、插畫風格都是在已有的設計體系下去做的優(yōu)化和調整。
二、確定問題并解決問題
選擇一些你比較喜歡的主題去設計，最好是經常用到的APP比如旅行、美食、音樂、電影、體育的等等，主題確定后，再進一步的探索這些設計使用場景，比如重新設計instagram，哪些功能用的不爽，以解決問題的思路去設計。
找出問題確定設計目標
設計師Kim在重新設計時就已經明確設計目標：
- 1、在發(fā)現(xiàn)頁面，提供更加有吸引力的無縫體驗
- 2、設計更加人性化的界面
- 3、情感化設計
挖掘設計線索
Kim在設計的過程中與40多個用戶進行了訪談，通過訪談去挖掘用戶的體驗痛點，并去定義一些問題，得到一些大概的方向和體驗目標的點。
設計方案設計
整個設計方案和其他概念設計不一樣，他是從解決問題的緯度去做的，每一個設計都是去解決現(xiàn)在線上已有問題，這個點很重要，我們在工作中不也是如此么，每天的設計是解決產品問題。
可以看出這個設計中在做概念設計的時候，并不像其他視覺設計師，只考慮視覺展現(xiàn)上的表達，而更多的是從挖掘問題本身，通過去發(fā)現(xiàn)問題，解決問題思路入手，同時設計方案也保持了ins原品牌的感覺在里面，是一個很優(yōu)秀的概念設計思路。
挖掘產品體驗問題進行系統(tǒng)解決方案
另外一個案例是美國設計師Jason重新設計的Apple Music，同樣也是類似解決問題的思路。
蘋果音樂改版前，問題在于導航有很大的優(yōu)化空間，界面比較混亂，設計細節(jié)缺失與蘋果強調的優(yōu)雅效果相差甚遠，于是他決定改版。
定設計目標策略
他重點從三個緯度進行改版：1、品牌感 2、界面優(yōu)化 3、優(yōu)化發(fā)現(xiàn)音樂這個頁面
設計方案
他對蘋果封面圖進行了統(tǒng)一優(yōu)化，學習了Spotify的處理形式
Spotify音樂封面，品牌感很強
蘋果的音樂封面，看的出很混亂沒有規(guī)范
Jason優(yōu)化后，很明顯看出對封面進行類型定義，從文案位置版式上進行了統(tǒng)一協(xié)調一致
篇幅有限不更多舉例，我們可以從以上2位設計師的設計思路中明顯看出，要從品牌視角，從解決問題為主去做概念方案！
三、尋找設計靈感
前面有強調設計時候注意品牌感，同時我們要去找到已有界面一些體驗問題，那么找到了問題，如何去解決，這里很重要一點就是找設計靈感
APPLE MUSIC的設計師很快從另外一個音樂軟件里面找到設計靈感，那么我們也同樣，需要去挖掘靈感、線索，我經常會用到Dribbble、Pinterest、Behance、Uplabs、Pttrn網站，比如我要做一個文字排版優(yōu)化的解決方案，我會去搜索很多新聞相關應用的排版設計，尋找文字排版領域設計做的最好的來借鑒。
如果我是需要去優(yōu)化卡片設計，我可能會從facebook上去看他們卡片如何設計的，總之我們需要去找一些優(yōu)秀設計作為設計線索，但是不要找太多參考會讓你困擾，關于如何尋找設計靈感，在后續(xù)的文章我會和大家詳細分析。
總 結
如果你想放一些概念設計方案到作品集里面，那么請不要為了追求視覺效果而去做設計，我們需要真正的去做一些體驗改變的事情，當在做改版設計時不防多些思考：
1、品牌感的傳遞
2、發(fā)現(xiàn)問題并解決問題
3、嘗試改版使用體驗，而不僅僅是UI
4、有系統(tǒng)的設計思考過程
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
