哈嘍各位小伙伴，我們應該都要有概念，即使是一個很小的需求，也可以結合平時的理論只是，讓一個小需求精益求精！ 千萬不要小瞧“小需求”哦！   今天來分享一個小案例吧~

• 1.一個按鈕需求
• 2.融入品牌基因
• 3.對顏色的選擇
• 4.字體的融合度
• 5.一些細節調整
• 6.配合適當動效

1.一個按鈕需求 

今天的需求是做一個發布按鈕，并且是懸浮在頁面右下角的那種： 

其實這是一個很好發揮視覺價值的觸點，所以我們必須要有決心把它做的不一樣一點，之前不能像下面這種直接一個加號，或者直接寫上發布兩個字： 

畢竟我們是動漫平臺，怎么也得有點趣味性。  

2.融入品牌基因 

什么樣的設計會比較普通，比如一說發布，我們就畫一只筆，這種就比較普通，像小面這種： 

想不一樣，最直接的方法就是從自己的品牌基因出發，比如自己的吉祥物。 所以這一次打算把發布與吉祥物相互結合，讓吉祥物指著發帖兩個字，大致效果如下： 

這樣的思路就可以產品一定的差異化，并且挺有趣味性。 但是如果是這樣就會感覺不太協調，所以可以把形象漏出的比例適當調整，比如只展示一半，效果如下: 

這樣就和諧多了。  

3.對于顏色的選擇

對于顏色，我們一共有三種選擇。 首先橙色和黑色： 

這種肯定不太行，顯的太臟了。 其次是黑色和白色： 

雖然單獨看起來還可以，但是對于一個發布按鈕，有點弱。 最后就是橙色和白色： 

看起來還，所以就先選這個了。  

4.字體的融合度 

如果想讓整體變的更好，還可以突破的地方就是字體，我們可以不用這種普通字體，我們選一個有點設計感的： 

但是還是感覺有點問題，比如我們的形象圓潤可愛，但是字體有點尖銳。 干脆自己重新修一下算了，讓整體圓潤飽滿一些，不斷的調整細節，得到如下結果： 

還算比較滿意。  

5.一些細節調整

做到這，大體已經差不多了，但是看久了會發現有一點問題，就是感覺整體有點平，像貼在屏幕上的紙片，畢竟這是一個按鈕，所以希望還是有點懸浮的感覺，所以可以在形象后面以及按鈕圓圈后面加一點投影，對比效果如下： 

這樣就會有點鼓起來的感覺，會讓人有點擊感。  

6.配合適當的動效

好了，錦上添花的事來了，大家都知道，動效可以增加一定的趣味性，所以如果給按鈕增加一點動效，那肯定是更好的事。 動效不用太復雜，形象從下面出來，指著發布，然后發布簡單彈出，就可以了，效果如下: 

當然，這里的動效只會動一次，不會反復動，不然太影響用戶閱讀了。  

總結

以上就是這個小需求的所有思考過程了，其實就是把整體拆分成很多小點，然后一個一個擊破，如果那個小細節都做的還可以，那整體肯定就不會差。 我們平時讀過很多知識點，不能讀完就完事了，一定要實踐，實踐過的才是你的，不然就是紙上談兵了。

本期內容就到這里啦，希望對各位小伙伴有所幫助~

轉載聲明：本文來源于網絡，不作任何商業用途