這周為大家?guī)?lái)一組優(yōu)秀的UI設(shè)計(jì)
1. IMDB Redesign隙咸,這是一個(gè)系列沐悦,我挑選了其中的電影展示頁(yè)。信息層級(jí)分明五督,文字的粗細(xì)大小跟信息的重要程度關(guān)聯(lián)藏否,一眼就能看到最重要的影評(píng)參數(shù)和電影信息,中間背景的毛玻璃效果背景是跟電影海報(bào)相關(guān)的顏色充包,整體看起來(lái)非常和諧副签。右側(cè)的預(yù)告片交互也很流暢,同時(shí)提供多種排版和播放方式基矮,適合不同人群的瀏覽習(xí)慣淆储。
2. 比較典型的Material Design, 表單運(yùn)用信用卡的形狀和排版愈捅,讓人一眼就能辨識(shí)出這是支付相關(guān)場(chǎng)景遏考。整體設(shè)計(jì)非常簡(jiǎn)潔,圖標(biāo)表意明確蓝谨。大陰影也是今年的設(shè)計(jì)趨勢(shì)之一灌具。
3. 非常有質(zhì)感的黑白設(shè)計(jì),作為一個(gè)地圖UI譬巫,所有的操作都浮于地圖之上咖楣,用戶不用費(fèi)力在紛亂的地圖中尋找按鈕,同時(shí)很好的限制了交互復(fù)雜程度芦昔,不會(huì)再用戶走路或者開(kāi)車(chē)導(dǎo)航時(shí)感覺(jué)難以應(yīng)付诱贿。
4. 簡(jiǎn)潔的圖片展示方案,選擇圖片分類(lèi)的按鈕背景以相關(guān)圖片展示咕缎,用戶可以快速感知分類(lèi)內(nèi)容珠十,右側(cè)圖片流沒(méi)有任何分割線,整個(gè)頁(yè)面看起來(lái)渾然一體凭豪,圖片豐富的色彩和恰到好處的留白自然地將不同用戶內(nèi)容分隔
5.網(wǎng)友給出的Facebook Redesign焙蹭,相較于現(xiàn)在FB主頁(yè),這個(gè)設(shè)計(jì)更好的利用了寬屏空間嫂伞,簡(jiǎn)化了左側(cè)個(gè)人工具欄孔厉,圖片、朋友這些最常用的功能用了頭像做強(qiáng)調(diào)帖努,其他輔助功能則被弱化撰豺。中間的圖片展示去掉了邊框,更具現(xiàn)代感拼余,鼠標(biāo)點(diǎn)按效果也運(yùn)用了17年的陰影趨勢(shì)污桦。
6. 最后放上一張雞年閃屏頁(yè)設(shè)計(jì),單純覺(jué)得這只雞很喜慶很歡樂(lè)匙监,這也是閃屏頁(yè)要做的事情寡润,傳達(dá)一種情緒給你的用戶,讓他們一進(jìn)入你的app就有好心情舅柜!也借此祝大家雞年大吉梭纹!