如何設(shè)計出“簡潔大氣”的產(chǎn)品？

《如何設(shè)計出“簡潔大氣”的產(chǎn)品？》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、如何設(shè)計出“簡潔大氣”的產(chǎn)品？引言：?如何可以使你的產(chǎn)品設(shè)計“簡潔大氣”?這里不講理念，只說具體怎么做，當(dāng)你找不到好辦法的時候，不妨看看這篇文章中的建議。神馬是“簡潔大氣”?　　現(xiàn)在被人們津津樂道的扁平化設(shè)計無疑成為了這四個字的代言，也讓之前似乎離開了人們視野的平面設(shè)計帶來了新思考，我們發(fā)現(xiàn)很多設(shè)計方法依舊非常經(jīng)典?！　o論是與客戶的溝通還是和產(chǎn)品經(jīng)理的PK中，在第N+1次修改依舊沒有靈感的時候，不妨借鑒一下下面的小建議來救場。調(diào)整圖版率改變印象　　圖片的加入是最能立刻改變和更換整體印象的法寶。

2、　　圖版率是雜志版式中經(jīng)常提到的概念:即頁面中圖片所占面積的比率。圖版率高的雜志頁面會給人帶來年輕與活躍的印象，相反地，全是文字，圖版率為0，這樣的頁面就顯得沉穩(wěn)許多。放大圖片，增加展示空間　　雖然在產(chǎn)品上網(wǎng)易微博一直不溫不火，但在設(shè)計上采用大圖片的改版讓整體擁有了簡潔的潮流感，并且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。改變圖片比例　　即使全部是圖片也可以改變圖版率。商品展示中經(jīng)常會有這種圖片羅列的形式，普通的九宮格設(shè)計雖然整齊，但是沒有變化和視覺重點(diǎn)，將幾個圖片位合并成為一個進(jìn)

3、行展示可以產(chǎn)生更強(qiáng)的專題性效果。色塊進(jìn)行重復(fù)構(gòu)成排版　　當(dāng)圖片資源不充足，比如消息類信息和圖片并列時，可以采用和圖片相同大小的色塊保持界面的統(tǒng)一性與簡潔性。使用圖標(biāo)代替文字　　使用意圖明確的圖標(biāo)代替文字可以幫助導(dǎo)航等操作區(qū)與文字閱讀區(qū)分開。創(chuàng)造節(jié)奏感　　你知道嗎?觀看者和一張簡單的海報設(shè)計也會產(chǎn)生交互過程?！　‘?dāng)你在20米開外的時候會被它上面的人物與色彩吸引，走近至5米的時候會看到它的標(biāo)語，而走到跟前會發(fā)現(xiàn)新的小字信息。海報通過觀看距離的變化制造出閱讀的層次感，引導(dǎo)你不斷深入?！　⊥瑯拥模诮缑?/p>

4、中除了利用明確的信息分組引導(dǎo)視覺，還可以考慮在交互中也加入節(jié)奏，筆者不認(rèn)為在扁平化的設(shè)計時代我們就不需要打造空間關(guān)系，通過手勢的變化制造出界面不同的景深效果，可以讓界面充滿呼吸感?！　”热鏏ppFlow中下拉刷新時，背景圖片會由遠(yuǎn)至近，就在不覺間擴(kuò)展了視覺空間。重構(gòu)產(chǎn)品和服務(wù)這里插一句，婚戀網(wǎng)站51230.com大家都知道，提到節(jié)奏感，就不得不提更深層次的產(chǎn)品和服務(wù)重構(gòu)，不只是一張海報，或一個APP，WEB網(wǎng)站的布局也是基于對功能服務(wù)的合理架構(gòu)而來的，為什么有的交友網(wǎng)站功能繁雜，而51230卻能

5、做到那樣簡單甚至還能更好地滿足用戶的征婚交友需求呢？設(shè)計并只是呈現(xiàn)的視覺，背后還有產(chǎn)品的靈魂。使用鮮明的色彩營造氣場　　穿衣服我們講究“氣場”，而設(shè)計中使用的色彩也應(yīng)該明確，避免使用含混的色彩，這樣界面之間的元素才是有對比的。戒掉排滿的慣性　　格式塔心理學(xué)中提到一個刪除原理，就是從構(gòu)圖形象中排除不重要的部分，只保留那些絕對必要的組成部分，從而達(dá)到視覺的簡化。不要排滿也就是我們時常說的留白，這里的設(shè)計需要和產(chǎn)品一起做減法?！　≡趯嶋H項目中，筆者經(jīng)常遇到這樣的對話：　　“這里為什么要放這個功能?好像

6、用戶用不上誒……”　　“這里不放這個功能看起來比較空，而且萬一用戶用到呢?”　　“……”　　人們以往的消費(fèi)觀念是面對同樣的價格，最終大家會選擇看起來功能齊全的物品，在信息競爭和功能為上的時代，慣性會讓你想要加入足夠多的功能或信息去滿足用戶，這種情況下，堆滿信息的頁面如果不進(jìn)行刪減化處理，形成一定層次的分組和條理化處理，也將會變成讓人手足無措的電視遙控器。　　其實考慮界面空不空的問題應(yīng)該交給設(shè)計師解決，通過一定程度的留白就可以達(dá)到不錯的效果，我們只需要確認(rèn)到底需不需要這個功能，有多需要，符不符合用

7、戶的使用場景?隱藏與合并　　當(dāng)面對無法去掉的功能時，我們可以采用“主界面優(yōu)先模式”，隱藏部分功能?！　”热缭陂喿x中，為了更加沉浸式的閱讀體驗，經(jīng)常利用手勢將閱讀流之外的功能隱藏起來，比如隨享Pro向左滑進(jìn)行評論和轉(zhuǎn)發(fā)，豆瓣閱讀的全屏閱讀?！　≈鹘缑鎯?yōu)先還體現(xiàn)在減少頻繁地切換界面，比如常見的查看大圖功能，在以前我們常用的方式是滑到新的頁面去查看圖片詳情，但真的需要那么麻煩嗎?　　在AppFlow和網(wǎng)易應(yīng)用中心應(yīng)用主頁中，通過手勢向下滑動可以讓圖片當(dāng)前頁放大，預(yù)覽App界面效果，這樣的體驗就很簡潔。

8、　　除了隱藏功能，我們還可以合并功能，減少UI控件的個數(shù)，進(jìn)而節(jié)省下空間,比如下面對音樂播放進(jìn)度和播放控件的整合?！　≡O(shè)計是不斷創(chuàng)造新可能的過程，希望上面總結(jié)的這些小經(jīng)驗可以讓設(shè)計更好的回歸內(nèi)容，利用最輕量、簡單的設(shè)計來傳遞核心信息，也讓設(shè)計師們早日告別苦逼加班的日子?！　esignmakeslifebetter.準(zhǔn)備整理一系列的設(shè)計教程，作為自己的學(xué)習(xí)資料和分享給更多設(shè)計同行。