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

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

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

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

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

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

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

小體驗

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

需求點結(jié)果

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

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

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

② 如果有多人贊過你，頭像滾動的方式顯示；

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

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

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

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

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

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

（一）藏起來的設(shè)計

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

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

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

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

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