“簡潔大氣”設計指南_第1頁
“簡潔大氣”設計指南_第2頁
免費預覽已結束,剩余1頁可下載查看

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、“簡潔大氣”設計指南By 兔子小姐核心提示如何可以使產品設計“簡潔大氣” ?在你沒有靈感的時候, 不妨看看這篇文章中的建議。神馬是“簡潔大氣”?現在被人們津津樂道的扁平化設計無疑成為了這四個字的代言,也讓之前似乎離開了人們視野的平面設計帶來了新思考,我們發現很多設計方法依舊非常經典。無論是與客戶的溝通還是和 產品經理的PK中,在第N+1次修改依舊沒有靈感的時候,不妨借 鑒一下下面的小建議來救場。調整圖版率改變印象圖片的加入是最能立刻改變和更換整體印象的法寶。圖版率是雜志版式中經常提到的概念:即頁面中圖片所占面積的比率。圖版率高的雜志頁面會 給人帶來年輕與活躍的印象,相反地,全是文字,圖版率為0

2、,這樣的頁面就顯得沉穩許多。放大圖片,增加展示空間雖然在產品上網易微博一直不溫不火,但在設計上采用大圖片的改版讓整體擁有了簡潔的潮流 感,并且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。改變圖片比例即使全部是圖片也可以改變圖版率。商品展示中經常會有這種圖片羅列的形式,普通的九宮格設計雖然整齊,但是沒有變化和視覺重點, 將幾個圖片位合并成為一個進行展示可以產生更強 的專題性效果。色塊進行重復構成排版當圖片資源不充足,比如消息類信息和圖片并列時, 可以采用和圖片相同大小的色塊保持界面 的統一性與簡潔性。使用圖標代替文字使用意圖明確的圖標代替文字可以幫助導航等操作區與文字閱讀區分開。倉I造

3、節奏感你知道嗎?觀看者和一張簡單的海報設計也會產生交互過程。當你在20米開外的時候會被它上面的人物與色彩吸引,走近至5米的時候會看到它的標語,而走到跟前會發現新的小字信息。海報通過觀看距離的變化制造出閱讀的層次感,引導你不斷深入。同樣的,在界面中除了利用明確的信息分組引導視覺,還可以考慮在交互中也加入節奏,筆者 不認為在扁平化的設計時代我們就不需要打造空間關系,通過手勢的變化制造出界面不同的景深效果,可以讓界面充滿呼吸感。比如AppFlow中下拉刷新時,背景圖片會由遠至近,就在不覺間擴展了視覺空間。使用鮮明的色彩營造氣場穿衣服我們講究“氣場”,而設計中使用的色彩也應該明確,避免使用含混的色彩,

4、這樣界面 之間的元素才是有對比的。戒掉排滿的慣性格式塔心理學中提到一個刪除原理,就是從構圖形象中排除不重要的部分,只保留那些絕對必要的組成部分,從而達到視覺的簡化。不要排滿也就是我們時常說的留白,這里的設計需要和 產品一起做減法。在實際項目中,筆者經常遇到這樣的對話:“這里為什么要放這個功能?好像用戶用不上誒”“這里不放這個功能看起來比較空,而且萬一用戶用到呢?”人們以往的消費觀念是面對同樣的價格,最終大家會選擇看起來功能齊全的物品,在信息競爭和功能為上的時代,慣性會讓你想要加入足夠多的功能或信息去滿足用戶,這種情況下,堆滿信息的頁面如果不進行刪減化處理,形成一定層次的分組和條理化處理,也將會

5、變成讓人手足無措的電視遙控器。其實考慮界面空不空的問題應該交給設計師解決,通過一定程度的留白就可以達到不錯的效果,我們只需要確認到底需不需要這個功能,有多需要,符不符合用戶的使用場景?隱藏與合并當面對無法去掉的功能時,我們可以采用“主界面優先模式”,隱藏部分功能。比如在閱讀中,為了更加沉浸式的閱讀體驗,經常利用手勢將閱讀流之外的功能隱藏起來,比 如隨享Pro向左滑進行評論和轉發,豆瓣閱讀的全屏閱讀。主界面優先還體現在減少頻繁地切換界面,比如常見的查看大圖功能,在以前我們常用的方式是滑到新的頁面去查看圖片詳情,但真的需要那么麻煩嗎?在AppFlow和網易應用中心應用 主頁中,通過手勢向下滑動可以讓圖片當前頁放大,預覽App界面效果,這樣的體驗就很簡潔。除了隱藏功能,我們還可以合并功能,減少UI控件的個數,進而節省下空間,比如下面對音樂播放進度和播放控件的整合。設計是不斷創造新可能的過程,希望上面總結的這些小經驗可以讓設計更好的回歸內容,利用最輕量、簡單的設計來傳遞核心

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論