頁面改版的時候都需要注意哪些細節(jié)
不知道大家有沒有經(jīng)歷過提案,如果現(xiàn)在沒有,將來一定也會有,所以這篇文章或許可以給你帶來一點幫助!
之前有很多朋友問我,為什么我做的提案總是通不過呢?我就問他,你是怎么提案的?
他說他是這樣提案的:

我說這就是你的提案?直接放那幾張頁面嗎?
如果你不把你背后的思考完整的講述出來,老板是不會理解的,不就這幾張頁面嗎,再改改吧!
于是你就被無限的折磨著!
所以今天菜心就舉一個很久很久之前的小案例,來和大家分享一下如何提案?如何講述自己的設計背后的思考,哪怕只是一個簡單頁面的改版!
先來看下我們要優(yōu)化的這個頁面:

首先你要自己清楚優(yōu)化了哪些方面,先有一個大綱,例如我對這個頁面的優(yōu)化有以下三個方面:
極限問題
層級問題
按鈕美觀度問題
1. 極限問題
有同學會問了,為什么每個列表中的“鬧鐘”兩個字也換了位置呢?

這里涉及到極限情況,我們在設置鬧鐘的時候,可能會設定這個時間是用來提醒什么的,例如將“鬧鐘”兩個字編輯成“記得提醒我起來好好的做讀書筆記”。這時候列表就會是這個樣子的:

我會覺得上面那一排小字很不穩(wěn),所以我將其放在第二排:

這樣即使第二排的文字很多,也不會看著不平衡了!
這里就是真是工作中需要考慮的一種極限情況——“當文字很多的時候”。工作中會有很多類似的極限情況存在,大家在做頁面的時候一定要注意,這也是體現(xiàn)一個設計師經(jīng)驗夠不夠豐富的地方!
2. 層級問題
這是一個很基礎的問題,當你覺得頁面很亂的時候,那一定是主次不分,該大的不夠大,該小不夠小,這個頁面也是一樣,例如時間和輔助信息的層級對比:

為了增加層級,突出主體內(nèi)容,我做了以下調(diào)整:

這樣列表就會更加有節(jié)奏感,讓人看著更加舒服!
3. 按鈕美觀度問題
我總感覺頁面的按鈕不太好看,于是我找了很多參考,放出幾個給大家看下:

我發(fā)現(xiàn)所有的競品開關都是下圖左邊這種形式,而我們原有開關形式是下圖右側(cè)的:

通過對比,我們可以看出,原有開關視覺上很不平衡,所以通過嘗試后,給出了兩個方案,可以在提案的時候讓領導抉擇:

以上就是這個頁面主要優(yōu)化的三個地方,每次匯報我會先把這些思考都講述出來后,再展示最終的改版效果圖,如下圖:

當然很多時候,在工作當中,我們還需要去考慮整體品牌調(diào)性、交互實用性、開發(fā)成本等等,也要考慮使用oursketch.com還是figma軟件哪個更合適,不能為了改而改,今天所提到的只是視覺上的優(yōu)化,我們在平時工作或練習的時候,也可以多多思考其他層面的問題,爭取做一個全能型設計師!
總結(jié)
即使一個簡單的頁面改版,背后都有無數(shù)的思考,所以不論是工作上的匯報,還是面試時的闡述,我們都需要將這些思考有條理的講出來,因為只有這樣,別人才知道原來你是一位很會思考的設計師!