作為視覺設(shè)計師，需要經(jīng)常做一些概念設(shè)計，設(shè)計探索，來嘗試新的解決方案。很多剛畢業(yè)的設(shè)計師沒有很好的實際項目案例，通過概念設(shè)計或者Redesign能很好的幫助他們?nèi)ダ斫庖粋€產(chǎn)品，像真正做產(chǎn)品一樣去設(shè)計每一個頁面，最近看了些設(shè)計師作品集，發(fā)現(xiàn)很多新人常見的問題，給大家分享下，順便

文中引用的一些案例，沒有貶低任何人之意，只是表達觀點。

為了視覺效果而做

這個設(shè)計應(yīng)該很多人做過，想問拋開圖片以外，它的設(shè)計創(chuàng)意在什么地方，我覺得這個設(shè)計師找圖片的時間應(yīng)該比設(shè)計時間長，但是這個設(shè)計解決了什么問題？我們無法看出。

還有這種都是單頁，想問如果落地后，換成正常的圖片會是什么樣？是純粹追求視覺效果嗎？作為體驗設(shè)計師，我們工作并不是去創(chuàng)造一個好看的圖片，而是需要去滿足一些需求，鼓勵用戶去使用，設(shè)計師需要假設(shè)一些設(shè)計場景，將這些為前提你的設(shè)計才有意義。

為了加強項目經(jīng)驗

很多公司招聘都需要設(shè)計師有項目經(jīng)驗，所以作品集不夠豐富的設(shè)計師，會去做概念設(shè)計，Redsign一些知名項目設(shè)計，比如微信、淘寶、facebook等等。但是很多概念設(shè)計方案，往往沒有體現(xiàn)優(yōu)勢，反而暴露很多視覺缺陷。

這個微信概念設(shè)計，顏色很明亮、絢麗，但是有個問題，用戶在這個頁面更多是關(guān)注輸入的內(nèi)容，這里運用這么強的選中效果，很明顯干擾了整個輸入體驗。

還有這個設(shè)計，很好的運用了品牌色，很大膽，看起來不錯，但是設(shè)計上很重，大面積的綠色讓人長期使用會視覺疲勞。

這個設(shè)計，視覺效果來說非常的好，圖形細節(jié)、圖形飽和度都很舒適，但是忽略了「品牌感」，微信的品牌沒有體現(xiàn)，遮住Wechat是否還能分辨出它是微信？可以說它是momo、是微博或者任何一個社交產(chǎn)品。

再來看一些國外的設(shè)計，這個視覺效果很好，配色大膽，紫色和紅色的搭配在左側(cè)面板上，但是我們應(yīng)該更加鼓勵用戶把注意力放在對話面板而不是列表上面，設(shè)計師可能覺得這個配色很酷，但是并沒有幫助我們解決設(shè)計問題，用戶并不會因為你的設(shè)計很酷，而對你的設(shè)計買單。

這個設(shè)計配色大膽，布局卡片式，用戶焦點也很明顯，但問題是改變了用戶的使用習慣，把常用的功能都放到了下方，同時右上角、左上角的一些功能習慣全部改掉了。

我們?nèi)绾稳プ龈拍钤O(shè)計？

可能很多人看到這里會想說，說了那么多，我們怎么做概念設(shè)計呢，我這里有些大概的思路給大家拋磚引玉下，但不一定完全正確，希望大家可以一起探討。

一. 品牌感

特別是在做一些知名應(yīng)用設(shè)計時候，一定不要忘記品牌感，品牌就像內(nèi)衣，看不見但是很重要，我們做任何設(shè)計一定是要在品牌定位的基礎(chǔ)上去改進的。

Chrome瀏覽器黑色版本概念設(shè)計，我們看得出還是谷歌的品牌感。布局上，操作形式上都很符合谷歌的調(diào)性，但是視覺設(shè)計師設(shè)計又是解決問題的，從布局配色上進行了調(diào)整。

Google Bank來自內(nèi)部的概念設(shè)計，不知道最終上線是什么樣，但是從概念稿我們不難看出，設(shè)計師是在品牌大的框架，大的設(shè)計限制下做的改變，整個APP的骨架、柵格、色彩、插畫風格都是在已有的設(shè)計體系下去做的優(yōu)化和調(diào)整。

二. 確定問題并解決問題

選擇一些你比較喜歡的主題去設(shè)計，最好是經(jīng)常用到的APP，比如旅行、美食、音樂、電影、體育的等等。主題確定后，再進一步的探索這些設(shè)計使用場景，比如重新設(shè)計Instagram，哪些功能用得不爽，以解決問題的思路去設(shè)計。

1. 找出問題確定設(shè)計目標

設(shè)計師Kim在重新設(shè)計時就已經(jīng)明確設(shè)計目標：

• 在發(fā)現(xiàn)頁面，提供更加有吸引力的無縫體驗。
• 設(shè)計更加人性化的界面。
• 情感化設(shè)計。

2. 挖掘設(shè)計線索

Kim在設(shè)計的過程中與40多個用戶進行了訪談，通過訪談去挖掘用戶的體驗痛點，并去定義一些問題，得到一些大概的方向和體驗?zāi)繕说狞c。

3. 設(shè)計方案設(shè)計

整個設(shè)計方案和其他概念設(shè)計不一樣，他是以解決問題為目的去做，每一個設(shè)計都是去解決現(xiàn)在線上已有的問題。這個點很重要，我們在工作中不也是如此么，每天的設(shè)計是解決產(chǎn)品問題。

可以看出這個設(shè)計中在做概念設(shè)計的時候，并不像其他視覺設(shè)計師，只考慮視覺展現(xiàn)上的表達，而更多的是從挖掘問題本身，通過去發(fā)現(xiàn)問題，解決問題思路入手，同時設(shè)計方案也保持了ins原品牌的感覺在里面，是一個很優(yōu)秀的概念設(shè)計思路。

4. 挖掘產(chǎn)品體驗問題進行系統(tǒng)解決方案

另外一個案例是美國設(shè)計師Jason重新設(shè)計的Apple Music，同樣也是類似解決問題的思路。

蘋果音樂改版前，問題在于導航有很大的優(yōu)化空間，界面比較混亂，設(shè)計細節(jié)缺失與蘋果強調(diào)的優(yōu)雅效果相差甚遠，于是他決定改版。

定設(shè)計目標策略

他重點從三個緯度進行改版：

• 品牌感
• 界面優(yōu)化
• 優(yōu)化發(fā)現(xiàn)音樂這個頁面

設(shè)計方案

他對蘋果封面圖進行了統(tǒng)一優(yōu)化，學習了Spotify的處理形式。

△ Spotify音樂封面，品牌感很強。

△ 蘋果的音樂封面，看得出很混亂沒有規(guī)范。

△ Jason優(yōu)化后，很明顯看出對封面進行類型定義，從文案位置版式上進行了統(tǒng)一協(xié)調(diào)一致。

△ 篇幅有限就不多列舉，我們可以從以上2位設(shè)計師的設(shè)計思路中明顯看出：要從品牌視角，從解決問題為主去做概念方案。

三. 尋找設(shè)計靈感

前面有強調(diào)設(shè)計時候注意品牌感，同時我們要去找到已有界面一些體驗問題，那么找到了問題，如何去解決，這里很重要一點就是尋找設(shè)計靈感。

APPLE MUSIC 的設(shè)計師很快從另外一個音樂軟件里面找到設(shè)計靈感，那么我們也同樣，需要去挖掘靈感、線索，我經(jīng)常會用到Dribbble、Pinterest、Behance、Uplabs、Pttrn網(wǎng)站，比如我要做一個文字排版優(yōu)化的解決方案，我會去搜索很多新聞相關(guān)應(yīng)用的排版設(shè)計，尋找文字排版領(lǐng)域設(shè)計做得最好的來借鑒。

如果我是需要去優(yōu)化卡片設(shè)計，我可能會從Facebook上去看他們卡片如何設(shè)計的，總之我們需要去找一些優(yōu)秀設(shè)計作為設(shè)計線索，但是不要找太多參考，會讓你困擾。

這個復(fù)盤項目的背后設(shè)計思路：《我重新設(shè)計了Apple Music，收獲5K贊！》

編者按：很多設(shè)計師會看會收藏許多優(yōu)秀的作品，但是做項目的時候卻沒辦法用上，怎么辦？這篇好文教大家如何在工作中復(fù)用自己找到的好圖，以及平時要怎么去做，即所謂的“如何在工作中找到設(shè)計靈感”→《如何獲取設(shè)計靈感？你沒理解它真正的含義！》

總結(jié)

如果你想放一些概念設(shè)計方案到作品集里面，那么請不要為了追求視覺效果而去做設(shè)計，我們需要真正的去做一些體驗改變的事情，當在做改版設(shè)計時不防多些思考：

• 品牌感的傳遞。
• 發(fā)現(xiàn)問題并解決問題。
• 嘗試改版使用體驗，而不僅僅是UI。
• 有系統(tǒng)的設(shè)計思考過程。

歡迎關(guān)注作者的微信公眾號：我們的設(shè)計日記，每周分享最新設(shè)計趨勢和設(shè)計經(jīng)驗，科學設(shè)計方法。

「新人求職必看！如何準備作品集」

• 《面試不成功別怪面試官，作品集就該做到這八個方面！（上）》
• 《面試不成功別怪面試官，作品集就該做到這八個方面?。ㄏ拢?/a>
• 《步步為營！教你從零開始制作在線UX作品集》
• 《面對新的一年，設(shè)計師們喜歡這樣設(shè)計自己的作品集》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導航，設(shè)計師必備：http://hao.uisdc.com