作為UI設計師，雖然現(xiàn)在做了很多項目，但是實際上每一次想要做好，過程都還是很痛苦的。尤其是前段時間，身心俱疲，時間、心情、精力都不在線。但恰恰接到的又是一個重頭的急活，產(chǎn)品方也不清楚自己想要什么效果，所以一開始改版的心路很渺茫。

不過也由于這次的經(jīng)歷也讓我更加明白設計方法的重要性，越是短時間內，越需要理性分析。在實際工作中，產(chǎn)品有時候因為項目急需上線，給我們的時間會非常有限，根本沒有太多的時間去給你思考，就比如我這次，只有半天時間去思考設計。那么如此短的時間，如何提出有效的設計方案呢？

搞清楚需求來自哪里，具體是什么

以這次為例，學習圈頁面剛上線不久，當時也是設計了許多方案，都被pass了，如下：

產(chǎn)品方提出頁面上方的發(fā)布按鈕需要重新設計，那我就要搞清楚具體是誰提出的意見，為什么要重新設計，這樣才不會讓自己處于完全被動狀態(tài)。

由于項目剛上線，數(shù)據(jù)庫也因為某些原因還不能檢測點擊和轉化量，無法得知哪種按鈕點擊量高。產(chǎn)品方也不清楚想要什么效果，需求方向不明確就著急去動手設計，那對于設計師來說無疑是效的，問明白需求后再通過競品分析、產(chǎn)品體驗、用戶喜好等方式去突破。

所以接下來需要我們主動出擊引導產(chǎn)品方，得出一些需求具體的方向。那怎么去引導？反向思維法，既然需要改動的是不確定的，那么我們可以確定那些不需要改動的地方——通過排除不需要改動的，來確定需要改動。

需要排除的是：整體頁面排版布局、按鈕設計方向（扁平、立體、簡潔、卡通等方向）、動效方向、背景（顏色元素）。

通過溝通后明確的是：

• 整體布局沒有問題，所以這塊不需要有改動
• 按鈕點擊感不強，產(chǎn)品用戶群體是6～14歲的學生，根據(jù)用戶審美偏好，所以主要方向就是立體、卡通
• 動效不夠明顯，需要更明顯有趣一些
• 整體顏色太冷靜，所以背景顏色和元素細節(jié)需要修改

在第一版時已經(jīng)對相關競品做了分析，基本是一個純色背景上加一個具象化大按鈕，發(fā)布功能使用加號、筆、照相機等元素來制作按鈕，原則：按鈕凸顯，背景元素比較少。其實按鈕如果用照相機這種結構復雜點的元素去設計會更有方向，但是我們左上角會有拍米幣的功能，用相機會更直接一些，而加號筆畫過于簡單，可延展性不強，所以改版的話最終決定還是使用鉛筆作為圖標設計元素。

關于整體顏色方向，上一版顏色設計原理是背景用產(chǎn)品主色（藍色）+白色按鈕，不過產(chǎn)品方提出太過冷靜，一開始我想用色肯定要跟整個app的主色相關呀，就跳不出藍色背景的思維，后來決定先跳出來，配色思維反過來，背景不局限在主色，按鈕及周邊裝飾元素可使用產(chǎn)品的主色。

時間緊急，當時想到的是常用的太空元素（有空間感、好延展、符合用戶喜好），于是背景就選了藍紫色（據(jù)研究，紫色也是小學生最喜歡的顏色，性別傾向相對偏弱，在色環(huán)上是藍色的鄰近色，協(xié)調又會有對比。）

想明白要嘗試的方向

在設計前，我先在心里大致分了兩個設計方向：

• 常規(guī)大按鈕樣式
• 非常規(guī)按鈕樣式

以下便是常規(guī)大按鈕設計稿：

非常規(guī)按鈕設計稿

在嘗試的這期間，對于有疑問的地方一定要跟需求方及時溝通，及時反饋，確保自己的設計在功能上沒有遺漏。比如我這次，是通過詢問一個產(chǎn)品經(jīng)理，才得知，按鈕上需要加文字，才在后面加上了。

善于運用對比進行排除

大體方案出來后，通過優(yōu)缺點分析對比，同產(chǎn)品方選出最適合的方案。

1. 常規(guī)按鈕設計稿

優(yōu)點：容易被用戶所熟知，用戶的學習成本低，更容易點擊

缺點：對于小學生來說吸引力不夠，形狀上偏規(guī)矩，不夠活潑，另外上方第一個元素稍微有一點搶主角的光環(huán)

2. 非常規(guī)按鈕設計稿

優(yōu)點：配合動效會更有吸引力一些

缺點：用戶的學習成本比較高

通過對比，大家一致傾向非常規(guī)按鈕，那就在氣泡與星球這兩者中選出最終方案。在APP的任務頁面也有星球的按鈕，用戶已經(jīng)對星球有了一定的點擊感知，減少了學習成本，最終選擇了星球。

細節(jié)優(yōu)化

優(yōu)化方向：

• 顏色調整
• 細節(jié)元素調整
• 添加動效

1. 顏色調整

現(xiàn)在看著球跟背景區(qū)分不是很明顯，整體偏灰，需要加強對比，球的顏色需要調亮調純。我們看下色環(huán)：

90度以內的鄰近色，搭配在一起和諧又不失活潑。所以可以嘗試將球的顏色改為背景藍紫色的鄰近色：紅色或者天藍色，如圖：

紅色的球雖然跟背景拉開了對比，但是過于鮮艷，大家反應有點類似于心臟。

所以相對來說藍色的球比較適合，也跟APP的主色相呼應。

2. 細節(jié)元素調整

球的環(huán)境色過于明顯，需弱化一些；周邊增加幾個小球，四周邊緣的球太搶，也需要弱化 ；文字“寫一寫”由常規(guī)字體改為大一點的手寫字體：

3. 添加動效

鑒于上線版本的動效反饋說不明顯，按鈕點擊感偏弱，所以這次動效優(yōu)化點需要凸顯星球本身。第一想到的就是呼吸效果，但是只有一個呼吸有點單一，周邊可以添加一些社交鼓勵的元素，如鮮花、笑臉、太陽，動效一開始想著是從球兩邊飛出來，但是經(jīng)過對比就參考了直播送獎勵的形式，相對來說輔助性稍微好一些，視覺上不會過于太搶主角，如下最終呈現(xiàn)結果：

如果有限時間內想要讓需求方得到滿意方案，所以以下兩點我覺得是挺重要的：

• 對比排除法是一個很好的工作方法；一個西瓜到底好不好，拿另一個進行比較就知道了。
• 及時反饋：很多時候什么結果并不是一開始就知道，所以在做的過程中需要不斷理順想法。此時很重要的一點就是，跟需求方及時反饋，無論是正向的還是負向的，否則結果不是老板所期望的，自己也會陷入無限的苦惱中。

好啦，文章寫到這里，如果大家有更好地意見也歡迎留言

文章來源：優(yōu)設網(wǎng)     作者：麥芽糖

藍藍設計( www.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務