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

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

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

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

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

小體驗(yàn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

文章標(biāo)題：從交互設(shè)計(jì)“流行元素”中啟發(fā)
文章轉(zhuǎn)載：http://m.rwnh.cn/article26/cpopjg.html

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

廣告

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