UI設計顯得更簡約的小技巧

來源:互聯網
上載者:User

  互連網界一直在有提倡簡約設計的聲音,可簡約設計有什麼小技巧?

  談簡約設計的書籍有很多,互連網界也一直在有提倡簡約設計的聲音。有人說,看國內的各大門戶的設計,通通都是文字和功能的粗暴堆砌,難道中國人真的不擅長設計簡約嗎。

  產品長什麼樣是跟產品的受眾有關的。我們看國內電視購物,從來都是以“有多少功能”的方向來推銷產品的。或許我們的目標受眾就是喜歡大而全的東西,並不是設計師和產品經理的錯。為了迎合大環境的產品需求,我們不得不用各種可有可無的功能點來吸引使用者。

  臃腫易煩膩,簡陋生慾望

  產品功能多並不是好事,臃腫的功能會讓產品本身的定位和識別度變得稀疏,同時帶來的是在視覺和心理上的壓力。也會讓產品顯得沒有深度,感覺像是一下子就略過了前戲進入高潮了。初期的版本,只要保證那些能讓產品的概念成立的關鍵功能點和特性就行了。

  不過,如果產品太過簡陋,僅僅局限於有限的使用情境的話,使用者的使用頻度就會很低,很容易被遺忘。這也是大多數旅行網站和 App 的痛處。

  每次在斟酌功能點時,大概都會有這樣的困擾。

   能讓產品“看起來簡約”的簡單技巧

  我並不認為國外的 App 在功能上會比國內的要少。在實現同樣的功能的情況下,國內的 App 設計並沒有有意識地讓介面看起來更簡約。

  產品設計的簡約,最直觀的感受就是 UI 設計了。在這裡分享一些我認為可以讓 App “看起來”更簡約的幾個重要的技巧

   抑揚

  美團網-抑揚

  抑揚,就是對內容進行有抑有揚的對比處理,通過對比的手法能夠讓資訊量在視覺上“顯得”比實際上少。

  錯落有致、有強有弱的資訊布局,讓使用者更容易地第一眼就把握了整體結構,從而快速找到自己想要的資訊。就如同報紙的頭條、各種大小標題一樣。這些變化讓人們的閱讀更順暢。想象一下如果報紙的內容全是大小一樣的字型,恐怕沒人會有閱讀的慾望吧。

  從運營的角度來看,通過對內容的強弱處理,還可以達到對使用者的焦點進行引導的作用。比如有些網站故意把分享的按鈕做的比其他按鈕要大,位置更顯眼,就是有意識地想讓使用者多進行分享,讓內容更好地被傳播。

  抑揚可以是介面元素的大小、顏色、字型等等,能起到以下作用:

  讓介面看起來更簡約;

  對使用者行為進行引導;

  協助使用者快速發現對他最重要的資訊;

  強弱對比,減少閱讀的壓力感。

  留白

  亞馬遜-留白

  UI 設計中重要的要素之一就是留白的運用。文字、按鈕等元素周圍的留白越大,越能提升存在感。(這其實也是上面說的“對比”的一種變形)

  留白不意味著頁面的資訊容量降低。

  智能手機上下滾動是很舒適的,並沒有必要為了讓所有內容在一個頁面內全展現出來而讓字型大小變小。這樣做反而會讓資訊更加難以閱讀。

  使用者的視覺需要得到“喘息”。

  資訊容量大的介面,對使用者來說是一種閱讀負擔。在設計這些互動介面時,要注意留白的運用。留白能讓介面富有層次感,讓使用者的視覺得到“喘息”。

  icon 也要盡量簡單

  簡單的 icon

  設計師通常都是在大螢幕下設計,而實際上有些細節在大螢幕上的表現和實際在手機上的表現會有意想不到的差異。

  有些 icon 放大來看是很精美的,但放到手機上看時總會覺得哪裡有些不妥,感覺細節多了擠成一坨,適得其反。這時候可以試試把icon進行極端的簡化,再和原來的設計作對比,並進行細微的調整,會有意想不到的效果。

  每個人對簡單的理解可能會不一樣,但這樣幾次來回對 icon 反覆打磨,對簡單化的努力就可以看出效果來了。

  更多

  《寫給大家看的設計書》中提到的四個設計的原則:

  對比

  對齊

  重複

  親密性

  這幾個原則可以用來作為任何一個平面設計的評判。在 UI 設計中也是很受用的。

  題外話,第一部分的“抑揚”,其實還和 IA 設計相關,這裡就不展開來細說了,先從這幾個簡單的小技巧開始,讓產品的UI設計變得更簡單吧。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。