花了一個(gè)周末的時(shí)間，我終于知道，原來應(yīng)該這樣優(yōu)化這個(gè)頁面！
菜心的第243篇原創(chuàng)
2021年的第22篇
距離2021年小目標(biāo)100篇原創(chuàng)還剩78篇
app登錄頁，說簡單可以很簡單的做，一個(gè)圖標(biāo)加一個(gè)按鈕直接搞定。但是說難也確實(shí)挺難，尤其是想做的稍微不一樣一點(diǎn)。
今天來展示一個(gè)登錄頁面優(yōu)化的過程。
下面這個(gè)是之前的設(shè)計(jì)效果：
有一些問題，大概的優(yōu)化點(diǎn)有以下4點(diǎn)。
1.啟動圖標(biāo)風(fēng)格可以優(yōu)化
因?yàn)檫@是一個(gè)新的app，所以啟動圖標(biāo)是可以相對來說優(yōu)化一下的，比如現(xiàn)在的圖標(biāo)秒變有點(diǎn)太重了，風(fēng)格比較陳舊，然后大面積的橙色也顯得比較暗沉。所以直接優(yōu)化了啟動圖標(biāo)，把背景改成白色，突出人物，然后把主播版底色改成主色綠色，效果如下：
人物的描邊、質(zhì)感、配色都有所改善。
2.整體調(diào)性不夠年輕，沒有體現(xiàn)多彩的顏色
雖然直播的主色是綠色，但其實(shí)還有輔助色紫色和黃色，怎么加上這兩個(gè)輔助色呢？還是有點(diǎn)頭疼的，試了很多種方式，最后想到了一個(gè)創(chuàng)意，因?yàn)槭侵辈ヂ?，所以是不是可以來點(diǎn)疊影描邊，左上角加點(diǎn)黃色、右下角加點(diǎn)紫色：
你別說，還真有點(diǎn)正在直播的意思。
3.輔助圖形不夠精致
我們仔細(xì)觀察，可以看到之前的輔助圖形稍顯不精致，最主要的原因就是：復(fù)雜程度不一致，有的簡單，有的復(fù)雜，看起來就不太統(tǒng)一：
所以我把整體的輔助圖形進(jìn)行了調(diào)整優(yōu)化，效果如下：
這樣整體看起來就差不多了。
4.最后一步，景上添花的細(xì)節(jié)排版
如果還感覺比較單調(diào)，那就可以試試在排版上加點(diǎn)細(xì)節(jié)，比如副標(biāo)題上，文字的粗細(xì)對比：
小修飾橫線：
重點(diǎn)文字加點(diǎn)底色，正好可以可以體驗(yàn)?zāi)贻p的品牌色：
是不是要好很多。
最后我們看下對比優(yōu)化的的前后效果：
優(yōu)化前：
優(yōu)化后：
基本上全部的元素都有優(yōu)化一輪，其實(shí)就是這樣的，整體看著舒服需要里面的每一個(gè)單體都足夠精致，如果單體都沒做好的話，那組合起來的整體一定也是不夠好的。所以一定要注重每個(gè)細(xì)節(jié)！
重要提示
菜心的第一場私密直播《作品集包裝技巧》已經(jīng)完成，有錄播，對要找工作的好朋友們會有很大幫助，感興趣的點(diǎn)擊下方鏈接喲：
