Instagram個(gè)人主頁(yè)交互賞析
由于是個(gè)人主頁(yè)的原因故不貼出具體地址了
又是一個(gè)漫漫長(zhǎng)夜轮听，筆者每至此時(shí)便開(kāi)始痛苦并著快樂(lè)的碼字進(jìn)行時(shí)肠虽。正苦于找不到優(yōu)秀的交互和設(shè)計(jì)中约郁，在Dribble上翻來(lái)覆去蜡饵，點(diǎn)開(kāi)其中一位的Instagram主頁(yè)時(shí)發(fā)現(xiàn)非常的精致烂瘫，符合“小而美”的概念精盅。廢話(huà)不多說(shuō)帽哑，今天讓我們來(lái)看一下這個(gè)主頁(yè)的交互和設(shè)計(jì)。
首先在最上面的大Banner部分被分割除了幾塊正方形的圖片區(qū)域叹俏，因?yàn)橐故緢D片妻枕，而且為了顯得多而不亂，我想采用這樣的扁平圖片的拼接處理無(wú)疑是一個(gè)比較好的設(shè)計(jì)方式粘驰，并且每隔4秒左右會(huì)切換一張圖屡谐，通過(guò)這樣的一個(gè)小的交互動(dòng)作帶來(lái)的作用就是使整個(gè)畫(huà)面不在拘泥于死板的圖，而更加顯得趣味起來(lái)蝌数。一個(gè)個(gè)人的頭像愕掏，一段短小的簡(jiǎn)介加上一些個(gè)人的作品相關(guān)信息等，構(gòu)成了整個(gè)標(biāo)題部分的內(nèi)容顶伞，與下面的照片既有間隔也因信息的相關(guān)層級(jí)產(chǎn)生聯(lián)系饵撑。如下圖：
下面的具體照片的排序部分沒(méi)有我們可以選擇的諸如熱度、分類(lèi)唆貌、新舊程度等滑潘，主要是按日期的先后來(lái)走（時(shí)間不可逆，永遠(yuǎn)在向前進(jìn)锨咙？不知研發(fā)產(chǎn)品的人是否也是這么想~）语卤，而整個(gè)頁(yè)面筆者最喜歡的一處交互就是在圖片的查看上，在mouseover時(shí)展開(kāi)卡片酪刀！使原來(lái)的照片從扁平一下賦予了立體感凸顯了出來(lái)粹舵，幾個(gè)小小的圖片不搶眼做點(diǎn)綴，用戶(hù)體驗(yàn)整體輕松愉快無(wú)負(fù)擔(dān)蓖宦。
點(diǎn)擊卡片齐婴，跳出來(lái)的框架是具體的這張圖片的一些信息和更加清晰的圖片，幾處提升用戶(hù)體驗(yàn)的細(xì)節(jié)也處理的非常好稠茂，包括可以左右選擇查看其他的圖片（可以不必要再次回到主頁(yè)切換）柠偶；可以直接在這里進(jìn)行關(guān)注（就是那么任性Ｇ檠）；甚至還有一個(gè)二次彈框（點(diǎn)擊···按鈕后的Embed）诱担；唯一讓筆者confuse是評(píng)論這塊的設(shè)定（既然能看到他人的評(píng)論毡证，卻不能回復(fù)對(duì)方，是否在社交層面上欠缺考慮蔫仙，難道是因?yàn)檫@只是一個(gè)圖片分享的社區(qū)料睛？筆者覺(jué)得比較有說(shuō)服力的是因?yàn)槭窃谄渌髡叩闹黜?yè)，所以網(wǎng)友之間的評(píng)論不是重點(diǎn)摇邦，而應(yīng)當(dāng)以圍繞作作品評(píng)論為主恤煞，其他為次要）。
說(shuō)到這里施籍，今天最有收獲的算是看到了一個(gè)比較有趣的卡片式設(shè)計(jì)居扒，卡片式設(shè)計(jì)作為一種新的設(shè)計(jì)方法，打破了傳統(tǒng)的在視覺(jué)層面上的表達(dá)丑慎，在很好的承載較少信息量的同時(shí)把圖片這一元素放大到最大化使其更加有效的利用起來(lái)喜喂，同樣也使網(wǎng)頁(yè)在排布上更加規(guī)整，空隙等更加整潔竿裂。在解決問(wèn)題上玉吁，相信會(huì)是設(shè)計(jì)師們一個(gè)不錯(cuò)的選擇。
