前言
在做頁面設(shè)計時你是否有過這樣的時刻：在參考一些應(yīng)用時，有些是這么做的唐瀑，有些是那么做的隆夯；這個時候尤其是新手宗雇，內(nèi)心可能會無比糾結(jié)昂芜；好不容易下定注意選其中一種作為自己應(yīng)用的參考時，在設(shè)計評審時又可能會遭到產(chǎn)品經(jīng)理和開發(fā)同學(xué)的質(zhì)疑赔蒲，為什么這樣做泌神？為什么不那么做？誰誰家的APP就是那么做的等等嘹履，那么這時候你可能又會妥協(xié)說：“嗯腻扇，那樣也行”，因為你沒有認(rèn)真思考過你所選的“最優(yōu)方案”的最優(yōu)理由是什么砾嫉？相似方案中有什么差異幼苛？它們的優(yōu)缺點是什么？是否貼合你所設(shè)計的產(chǎn)品等焕刮。
如果你思考了這些問題舶沿，就算在遭到別人質(zhì)疑的時候，也能為對方分析講解你的看法和理由括荡，那么這個時候他們也就會更加認(rèn)同你的方案和觀點。
下面就APP界面設(shè)計中3個常見的“糾結(jié)點”來展開分析我的理解畸冲，希望這些分析理解能對還在糾結(jié)的你有所啟發(fā)。
1邑闲、必填項的星號可以用別的顏色嗎算行？
2苫耸、表單填寫的信息到底是居左顯示還是居右顯示？
3褪子、表單頁面需要有保存按鈕嗎？
一嫌褪、必填項的星號可以用別的顏色嗎？
建議是：最好不要
必填項星號：一般位于必填信息項的前面渔扎，用于提醒用戶此項為需要重點關(guān)注的必填信息硫狞。
首先它的作用是為了提醒用戶這個是必填項晃痴，一般用紅色星號表示，一是比較醒目财忽，再一個這是一個用戶共同認(rèn)可的標(biāo)示（星號+紅色才是必填符號）√群耍現(xiàn)在有些應(yīng)用為了契合APP的主色，把必填星號顏色設(shè)計成了別的顏色即彪，但如果用其他顏色的話紧唱，不同用戶可能會有不一樣的理解，例如一個app的主色為綠色隶校，前面必填星號也是綠色漏益，先不說不同用戶會不會有不同的理解，站在產(chǎn)品本身可能就沒有很好的向用戶傳達(dá)出這里比較重要深胳，需要關(guān)注的意思绰疤。也就沒有達(dá)到不到提醒用戶的意思。
二轻庆、表單填寫的信息到底是居左顯示還是居右顯示癣猾？
?建議是：分情況；信息少余爆、提示類（輔助信息）居右顯示纷宇。功能填寫類信息與左側(cè)標(biāo)題隔開固定間距居左顯示。
下面我們看幾個界面：
界面1：列表填充的信息是居右顯示（灰色小字）蛾方；
此類信息一般為提示類或下級頁面的主要信息展示像捶，一般內(nèi)容較簡單，目的是輔助說明桩砰、提示
界面2：列表的填充信息是居左顯示（跟前面信息項隔開固定間距）
一般為表單填寫信息類頁面作岖，需要用戶輸入一些內(nèi)容以完成任務(wù)的操作，輸入的內(nèi)容需要用戶重視五芝，該部分填充的內(nèi)容為頁面的主要信息痘儡。居左展示1、能很好的與左面的信息標(biāo)題聯(lián)系起來枢步、方便對內(nèi)容的閱讀理解 2沉删、遵循大眾從左到右的瀏覽習(xí)慣，方便用戶檢查填寫的信息 3醉途、由于標(biāo)題和右側(cè)的信息距離（界面2中A）是固定的矾瑰，同時右側(cè)信息也有一個基準(zhǔn)線的左對齊位置（界面2中C），符合格式塔心理學(xué)中人傾向于固定視覺流的瀏覽模式隘擎，此時瀏覽效率也就最高殴穴。
界面3：列表的填充信息是居右顯示（折行時也是居右折行）
這么設(shè)計的目的主要是為了讓界面視覺上顯得左右平衡；由于瀏覽時需要跟左側(cè)的信息標(biāo)題聯(lián)系起來货葬，當(dāng)內(nèi)容少時（標(biāo)題在最左邊采幌，信息在最右邊），視覺距離上離得較遠(yuǎn)震桶，閱讀時不能很好的連接休傍；當(dāng)右側(cè)信息較多時居右折行，這時折行信息的瀏覽就產(chǎn)生了視覺差（界面3中的D）,??這里的視覺差可以理解為每次用戶換行瀏覽信息時蹲姐，主內(nèi)容左側(cè)的位置是不固定的磨取，尤其是頁面內(nèi)容較多時，用戶瀏覽起來就易產(chǎn)生疲勞感柴墩，操作效率較低，同時也違背了大眾的瀏覽習(xí)慣江咳。
界面4：填寫類信息是居左顯示，選擇類是居右顯示
這類界面是兩種形式的結(jié)合汹胃，在這個界面里填寫項信息居左顯示，選擇類信息居右顯示着饥；我的建議是沒太必要：1、人的瀏覽習(xí)慣還是從左至右呵哨，固定的瀏覽模式效率是最高的 2孟害、有的居左右的居右挪拟，視覺上也會感覺比較凌亂。
三谎柄、表單頁面需要有保存按鈕嗎？
建議是：設(shè)置類不需要朝巫，功能操作類需求劈猿。
有些同學(xué)分不清可操作表單頁面什么該有保存/提交按鈕潮孽，什么情況下不需要；這就說到前段時間在公司接到產(chǎn)品的一個需求恩商，需求里的操作表單里全部沒有按鈕怠堪，就是當(dāng)前頁面操作完成后名眉，直接點擊左上角的返回，之前的操作就被保存了损拢；需求交給我時還特意給我說了這點福压，“操作頁面就不要保存按鈕了或舞，我看iOS系統(tǒng)頁面就是這么做的”映凳，到這我想說的是我們在參考別人的設(shè)計時邮破，不能只是看到表面的東西，要理解并分析別人這么做的理由什么矫渔？用戶在用的時候是基于什么樣的場景摧莽？有什么利弊镊辕？下面就這個問題簡單談下我的理解：
先來看下面兩張圖，第1個操作界面沒有保存按鈕丑蛤，第2個操作界面有保存按鈕，為什么碌补？真的是個人喜好決定的嗎厦章？它倆一樣嗎照藻？
頁面操作是否需要保存/提交按鈕幸缕，我的理解是以下幾點作為判斷依據(jù)：
?其實判斷標(biāo)準(zhǔn)很簡單发乔，就是它是不是一個完整的功能/任務(wù)操作頁，需要有各種校驗判斷栏尚，需要有一定的邏輯性和必須性。
?總結(jié)：
還是那句話官觅，在做頁面設(shè)計時阐污，不要只看到表象的層面疤剑、盲目跟隨；要結(jié)合產(chǎn)品功能和設(shè)計目的來考慮最佳的設(shè)計方案隘膘，我們產(chǎn)品的服務(wù)對象是“人”弯菊，那么就要結(jié)合大眾的認(rèn)真和對人的理解（心理學(xué)）的角度去分析考慮問題；
還有一點很重要钦铁，如果沒有更好的設(shè)計方案（且這個設(shè)計方案是經(jīng)過驗證的）才漆，就不要輕易的去改變大眾已經(jīng)形成固定模式的認(rèn)知習(xí)慣，在你看來這是一個創(chuàng)新黎比，但在用戶的角度看來這有可能是一個“不友好”的設(shè)計鸳玩。
