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

創(chuàng)新互聯(lián)公司專注于鞍山網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供鞍山營銷型網(wǎng)站建設，鞍山網(wǎng)站制作、鞍山網(wǎng)頁設計、鞍山網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務，打造鞍山網(wǎng)絡公司原創(chuàng)品牌,更為您提供鞍山網(wǎng)站排名全網(wǎng)營銷落地服務。

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

一、照片等信息的展示設計

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

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

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

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

小體驗

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

需求點結果

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

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

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

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

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

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

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

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

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

二、按鈕設計方法

（一）藏起來的設計

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

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

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

文章標題：從交互設計“流行元素”中啟發(fā)
文章轉載：http://chinadenli.net/article26/cpopjg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、軟件開發(fā)、品牌網(wǎng)站制作、微信小程序、網(wǎng)站建設、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)