2020-12-31 周周
作為UI設計師，雖然現在做了很多項目，但是實際上每一次想要做好，過程都還是很痛苦的。尤其是前段時間，身心俱疲，時間、心情、精力都不在線。但恰恰接到的又是一個重頭的急活，產品方也不清楚自己想要什么效果，所以一開始改版的心路很渺茫。
不過也由于這次的經歷也讓我更加明白設計方法的重要性，越是短時間內，越需要理性分析。在實際工作中，產品有時候因為項目急需上線，給我們的時間會非常有限，根本沒有太多的時間去給你思考，就比如我這次，只有半天時間去思考設計。那么如此短的時間，如何提出有效的設計方案呢？
以這次為例，學習圈頁面剛上線不久，當時也是設計了許多方案，都被pass了，如下：
產品方提出頁面上方的發布按鈕需要重新設計，那我就要搞清楚具體是誰提出的意見，為什么要重新設計，這樣才不會讓自己處于完全被動狀態。
由于項目剛上線，數據庫也因為某些原因還不能檢測點擊和轉化量，無法得知哪種按鈕點擊量高。產品方也不清楚想要什么效果，需求方向不明確就著急去動手設計，那對于設計師來說無疑是效的，問明白需求后再通過競品分析、產品體驗、用戶喜好等方式去突破。
所以接下來需要我們主動出擊引導產品方，得出一些需求具體的方向。那怎么去引導？反向思維法，既然需要改動的是不確定的，那么我們可以確定那些不需要改動的地方——通過排除不需要改動的，來確定需要改動。
需要排除的是：整體頁面排版布局、按鈕設計方向（扁平、立體、簡潔、卡通等方向）、動效方向、背景（顏色元素）。
通過溝通后明確的是：
在第一版時已經對相關競品做了分析，基本是一個純色背景上加一個具象化大按鈕，發布功能使用加號、筆、照相機等元素來制作按鈕，原則：按鈕凸顯，背景元素比較少。其實按鈕如果用照相機這種結構復雜點的元素去設計會更有方向，但是我們左上角會有拍米幣的功能，用相機會更直接一些，而加號筆畫過于簡單，可延展性不強，所以改版的話最終決定還是使用鉛筆作為圖標設計元素。
關于整體顏色方向，上一版顏色設計原理是背景用產品主色（藍色）+白色按鈕，不過產品方提出太過冷靜，一開始我想用色肯定要跟整個app的主色相關呀，就跳不出藍色背景的思維，后來決定先跳出來，配色思維反過來，背景不局限在主色，按鈕及周邊裝飾元素可使用產品的主色。
時間緊急，當時想到的是常用的太空元素（有空間感、好延展、符合用戶喜好），于是背景就選了藍紫色（據研究，紫色也是小學生最喜歡的顏色，性別傾向相對偏弱，在色環上是藍色的鄰近色，協調又會有對比。）
在設計前，我先在心里大致分了兩個設計方向：
以下便是常規大按鈕設計稿：
非常規按鈕設計稿
在嘗試的這期間，對于有疑問的地方一定要跟需求方及時溝通，及時反饋，確保自己的設計在功能上沒有遺漏。比如我這次，是通過詢問一個產品經理，才得知，按鈕上需要加文字，才在后面加上了。
大體方案出來后，通過優缺點分析對比，同產品方選出最適合的方案。
1. 常規按鈕設計稿
優點：容易被用戶所熟知，用戶的學習成本低，更容易點擊
缺點：對于小學生來說吸引力不夠，形狀上偏規矩，不夠活潑，另外上方第一個元素稍微有一點搶主角的光環
2. 非常規按鈕設計稿
優點：配合動效會更有吸引力一些
缺點：用戶的學習成本比較高
通過對比，大家一致傾向非常規按鈕，那就在氣泡與星球這兩者中選出最終方案。在APP的任務頁面也有星球的按鈕，用戶已經對星球有了一定的點擊感知，減少了學習成本，最終選擇了星球。
優化方向：
1. 顏色調整
現在看著球跟背景區分不是很明顯，整體偏灰，需要加強對比，球的顏色需要調亮調純。我們看下色環：
90度以內的鄰近色，搭配在一起和諧又不失活潑。所以可以嘗試將球的顏色改為背景藍紫色的鄰近色：紅色或者天藍色，如圖：
紅色的球雖然跟背景拉開了對比，但是過于鮮艷，大家反應有點類似于心臟。
所以相對來說藍色的球比較適合，也跟APP的主色相呼應。
2. 細節元素調整
球的環境色過于明顯，需弱化一些；周邊增加幾個小球，四周邊緣的球太搶，也需要弱化 ；文字“寫一寫”由常規字體改為大一點的手寫字體：
3. 添加動效
鑒于上線版本的動效反饋說不明顯，按鈕點擊感偏弱，所以這次動效優化點需要凸顯星球本身。第一想到的就是呼吸效果，但是只有一個呼吸有點單一，周邊可以添加一些社交鼓勵的元素，如鮮花、笑臉、太陽，動效一開始想著是從球兩邊飛出來，但是經過對比就參考了直播送獎勵的形式，相對來說輔助性稍微好一些，視覺上不會過于太搶主角，如下最終呈現結果：
如果有限時間內想要讓需求方得到滿意方案，所以以下兩點我覺得是挺重要的：
好啦，文章寫到這里，如果大家有更好地意見也歡迎留言
文章來源：優設網 作者：麥芽糖
藍藍設計( www.73404.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務