每周設(shè)計(jì)賞析 #2

這周為大家?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í)慣淆储。

Cineplex Experience byDejan Markovic


2. 比較典型的Material Design, 表單運(yùn)用信用卡的形狀和排版愈捅,讓人一眼就能辨識(shí)出這是支付相關(guān)場(chǎng)景遏考。整體設(shè)計(jì)非常簡(jiǎn)潔,圖標(biāo)表意明確蓝谨。大陰影也是今年的設(shè)計(jì)趨勢(shì)之一灌具。

DailyUI Challenge #002 byramazan y?ld?z


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)容分隔

FollowfeedUI byDaniel Klopper


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ì)污桦。

Facebook profile redesign byJordan Warmoes-Nielsen


6. 最后放上一張雞年閃屏頁(yè)設(shè)計(jì),單純覺(jué)得這只雞很喜慶很歡樂(lè)匙监,這也是閃屏頁(yè)要做的事情寡润,傳達(dá)一種情緒給你的用戶,讓他們一進(jìn)入你的app就有好心情舅柜!也借此祝大家雞年大吉梭纹!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市致份,隨后出現(xiàn)的幾起案子变抽,更是在濱河造成了極大的恐慌,老刑警劉巖氮块,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绍载,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡滔蝉,警方通過(guò)查閱死者的電腦和手機(jī)击儡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蝠引,“玉大人阳谍,你說(shuō)我怎么就攤上這事蛀柴。” “怎么了矫夯?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵鸽疾,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我训貌,道長(zhǎng)制肮,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任递沪,我火速辦了婚禮豺鼻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘款慨。我一直安慰自己儒飒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開(kāi)白布樱调。 她就那樣靜靜地躺著约素,像睡著了一般。 火紅的嫁衣襯著肌膚如雪笆凌。 梳的紋絲不亂的頭發(fā)上圣猎,一...
    開(kāi)封第一講書(shū)人閱讀 51,287評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音乞而,去河邊找鬼送悔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛爪模,可吹牛的內(nèi)容都是我干的欠啤。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼屋灌,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼洁段!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起共郭,我...
    開(kāi)封第一講書(shū)人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤祠丝,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后除嘹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體写半,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年尉咕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了叠蝇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡年缎,死狀恐怖悔捶,靈堂內(nèi)的尸體忽然破棺而出铃慷,到底是詐尸還是另有隱情,我是刑警寧澤炎功,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布枚冗,位于F島的核電站缓溅,受9級(jí)特大地震影響蛇损,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜坛怪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一淤齐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧袜匿,春花似錦更啄、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至怪嫌,卻和暖如春义锥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背岩灭。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工拌倍, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人噪径。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓柱恤,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親找爱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子梗顺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,099評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件车摄、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,098評(píng)論 4 62
  • 個(gè)人認(rèn)為我自己是個(gè)安靜的人(起碼以前是)寺谤,安靜的我喜歡宅在屋子里,安靜的看書(shū)练般,安靜的煲劇矗漾,買(mǎi)一冰箱可以吃上...
    芳芳章閱讀 187評(píng)論 0 1
  • 兒晚上淋著一身如落湯雞般地進(jìn)屋,笑著對(duì)我調(diào)侃道薄料,爸爸早上讓我不帶雨衣敞贡,是不是要叫他賠償?我說(shuō)摄职,趕緊洗一把熱...
    大愛(ài)無(wú)疆楊青閱讀 235評(píng)論 0 2
  • 也許我們的相遇只是為了遇見(jiàn)更好的自己誊役!
    Tosweety工作室閱讀 172評(píng)論 0 1