看過(guò)一篇文章《2012年移動(dòng)應(yīng)用交互設(shè)計(jì)趨勢(shì)》，這兩個(gè)月在忙產(chǎn)品2012的交互設(shè)計(jì)，很是感觸。記得IM組大家在為2012忙得焦頭爛額的時(shí)候，產(chǎn)品總監(jiān)說(shuō)過(guò)一句話：“你看每年的時(shí)裝發(fā)布會(huì)，衣服都很夸張，但用到市場(chǎng)時(shí)，只會(huì)看到發(fā)布會(huì)上的一兩個(gè)時(shí)尚的小元素……”交互設(shè)計(jì)也是這個(gè)樣子吧，每年優(yōu)秀應(yīng)用所帶來(lái)的新的流行趨勢(shì)，總能把交互設(shè)計(jì)提升到一個(gè)新的高度，站在巨人的肩膀上看得更高望得更遠(yuǎn)……囧，這里說(shuō)的并不是貶義的“微創(chuàng)新、納米級(jí)微創(chuàng)新、像素級(jí)copy……”

雖然自己能力和經(jīng)驗(yàn)尚且不能總結(jié)出像《2012年移動(dòng)應(yīng)用交互設(shè)計(jì)趨勢(shì)》這樣的文章，但是回想一些對(duì)自己有啟發(fā)的Nubility應(yīng)用，其實(shí)還是很用意思的。

一、照片等信息的展示設(shè)計(jì)

（一）類 Pinterest 不規(guī)則照片流風(fēng)潮

Pinterest出來(lái)以后，出現(xiàn)了許多高仿的設(shè)計(jì)，但是換個(gè)角度思考，這種不規(guī)則的版塊設(shè)計(jì)有一點(diǎn)像報(bào)紙的版塊或者照片的拼圖模板，如果對(duì)死板的列表項(xiàng)已經(jīng)厭煩，試試不規(guī)則的版塊布局，也許能為應(yīng)用信息的瀏覽帶來(lái)一點(diǎn)趣味。

（二）層疊、透明和輪播通知

Path帶動(dòng)了大cover的設(shè)計(jì)。但是那么大的背景圖占用了半屏面積，多少有點(diǎn)浪費(fèi)，于是疊加在上面的信息成為必然，但是疊加的信息設(shè)計(jì)成了交互設(shè)計(jì)和視覺(jué)最大的考驗(yàn)，怎么利用好面積，又能把需要展示的信息充分展示完？

小體驗(yàn)

在做名片設(shè)計(jì)的時(shí)候，節(jié)約開(kāi)發(fā)工作量的要求就是主人態(tài)的名片和客人態(tài)的名片盡量的符合復(fù)用，但是兩者展示信息的不同，要展示的信息諸多，頗讓人傷腦筋，比如

需求點(diǎn)結(jié)果

① 客人態(tài)贊的按鈕要容易點(diǎn)擊；

② 主人態(tài)贊過(guò)你的人要現(xiàn)實(shí)出來(lái)，包括數(shù)字，贊的人的信息；新贊你的人要有通知；

③ 主人態(tài)的名片和客人態(tài)的名片要盡量復(fù)用① 贊的按鈕疊加在了cover上；

② 如果有多人贊過(guò)你，頭像滾動(dòng)的方式顯示；

③ 如果有新贊你的人不是采用文字通知的形勢(shì)，而是采用紅色的數(shù)字圖標(biāo)提醒，因?yàn)閕os的習(xí)慣，用戶也很容易習(xí)得。

從名片的設(shè)計(jì)中，自己學(xué)到最多的是視覺(jué)體驗(yàn)和信息展示的平衡，在交互設(shè)計(jì)上，如何去布局信息，那些信息是該顯示的，那些信息是累贅，那些信息能夠以最佳的展示方式顯示，是莫大考驗(yàn)呀。名片設(shè)計(jì)結(jié)束了，雖然這個(gè)版本還有很多遺憾，但下一個(gè)版本繼續(xù)努力吧。

（三）推、拉、搖、移的照片顯示

最初看到這么顯示照片的是flickr，利用運(yùn)動(dòng)攝像的手法展示照片，用推、拉、搖、移等形式突破畫(huà)框邊緣的局限、擴(kuò)展畫(huà)面視野，更好的吸引眼球。后來(lái)，發(fā)現(xiàn)這種方法被用到了各種登錄頁(yè)面上，尤其是照片分享的APP。

當(dāng)時(shí)在沒(méi)有拿到Weico+的邀請(qǐng)碼時(shí)，看到它的歡迎頁(yè)面，頓時(shí)一種文藝上流小清新的印象就形成了，其實(shí)即使不是在登錄頁(yè)面，一些Banner的照片顯示區(qū)域，這樣的設(shè)計(jì)手法能不能有良好的效果呢？真?想嘗試。

二、按鈕設(shè)計(jì)方法

（一）藏起來(lái)的設(shè)計(jì)

看過(guò)小羅寫(xiě)的文章《移動(dòng)設(shè)計(jì)空間節(jié)省之道》頗認(rèn)同，討厭那些簡(jiǎn)單粗暴的將所有的按鈕都顯示在同一個(gè)界面的設(shè)計(jì)，總是擔(dān)心用戶點(diǎn)擊看不到呀，開(kāi)發(fā)成本很高呀……，結(jié)果一個(gè)界面擺滿了按鈕，用戶分不清哪個(gè)是核心按鈕，還影響了視覺(jué)體驗(yàn)。自己的在工作中，也盡量的嘗試把不必要的按鈕收攏起來(lái)，給出明顯的提醒。

只要提示足夠合理，用戶并不會(huì)找不到你藏起來(lái)的按鈕，反而讓它找到時(shí)，還會(huì)有驚喜。這不僅是觀察一兩個(gè)用戶的結(jié)果。

裂開(kāi)的動(dòng)效也許僅是方案的一種，也許可以根據(jù)場(chǎng)景可以下推、撕裂等等顯示動(dòng)效。

標(biāo)簽： 交互設(shè)計(jì) Pinterest Path 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。