UI設(shè)計的準(zhǔn)確性原則
使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源。顯示有意義的出錯信息,而不是單純的程序錯誤代碼。避免使用文本輸入框來放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。但是對于app和網(wǎng)頁來說,我們無法期望用戶像讀書一樣來使用你的產(chǎn)品。使用縮進和文本來輔助理解。使用用戶語言詞匯,而不是單純的***計算機術(shù)語。地使用顯示器的顯示空間,但要避免空間過于擁擠。保持語言的一致性,如“確定”對應(yīng)“取消”,“是”對應(yīng)“否”。
我以前的作品集看起來一團糟,顯得我的作品和思考過程很差勁。我做UX咨詢的客戶更喜歡有能力呈現(xiàn)作品的人,而不是只會畫一堆方塊和箭頭的人。我能為一些早期的創(chuàng)業(yè)公司工作嗎?還是一邊兒呆著吧。UI設(shè)計的規(guī)范表單錄入-在包含必須與選填的頁面中,必須在必填項旁邊給出醒目標(biāo)識(*)。我沒有美術(shù)基礎(chǔ),我主修工程***,所以我做出難看的東西也無可厚非。終,我還是學(xué)了 app 設(shè)計,不斷地分析案例,厚著臉pi臨摹成功的作品。假設(shè)我在 1 個 UI 項目上花 10 個小時的時間,其中只有 1 個小時是有效的,其它 9 個小時都是在失敗中不斷地學(xué)習(xí),玩命的在 Google、Pinterest 或者 Dribble 上找值得借鑒的東西。
我自己從來沒有在任何***的項目上直接把文字放在圖片上,這種方法是可行的,也能做出酷炫的效果,但還是小心點。
暗化整張圖片
可能在圖片上放文字簡單的方法就是暗化整張圖片,如果原圖顏色不夠深,你可以用半透明的黑色在上面覆蓋一層,比如下面這個案例就加了一層不透明度 35% 的黑色。
如果你直接放原圖,底色太亮,和文字的反差不夠明顯,看不清文字。
類似的方法同樣適用于小圖。
可以很明顯的看出,同樣在紅色的背景下,搜索框使用白色可以更好的吸引用戶的目光。任何一款音樂類app,搜索框都是一個使用頻率很高的功能,這樣的一個功能,我們應(yīng)該讓用戶很容易就發(fā)現(xiàn)而不是費力去找。
扁平化設(shè)計現(xiàn)在的大行其道離不開微軟和蘋果兩大巨頭的推動。2006年微軟推出的Metro Design標(biāo)志著扁平化設(shè)計在IT領(lǐng)域應(yīng)用的開始,蘋果開始使用扁平化設(shè)計是2013年iOS7的發(fā)布。其實同樣是扁平化設(shè)計,微軟和蘋果的風(fēng)格還是有區(qū)別的。微軟的扁平化設(shè)計有點過于扁平了:把陰影、質(zhì)感、深度一律去除,一點過渡都沒有,一律拍扁,一拍到底。整個界面看起來就是各種純色、方形大色塊的集合,頁面缺乏層次感。這部分指人與機之間的交互工程,在過去交互設(shè)計也由程序員來做,其實程序員擅長編碼,而不善于與***終用戶交互。