<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 能讓UI設計顯得更簡約的一些小技巧

    2013-11-20    藍藍設計的小編

    轉載藍藍設計(   www.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

    來源:http://www.uisdc.com/100-things-you-should-know-about-design

    如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里

    讓設計顯得簡約的一些技巧

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

    作者:龍泰 一個學日語的產品經理。愛貓,愛吐槽。現在在做智能手機的Rom。

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

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


     

    臃腫易煩膩,簡陋生欲望

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

    不過,如果產品太過簡陋,僅僅局限于有限的使用場景的話,用戶的使用頻度就會很低,很容易被遺忘。這也是大多數旅行網站和 App 的痛處。
    每次在斟酌功能點時,大概都會有這樣的困擾。

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

    我并不認為國外的 App 在功能上會比國內的要少。在實現同樣的功能的情況下,國內的 App 設計并沒有有意識地讓界面看起來更簡約。
    產品設計的簡約,最直觀的感受就是 UI 設計了。在這里分享一些我認為可以讓 App “看起來”更簡約的幾個重要的技巧

    抑揚

    抑揚,就是對內容進行有抑有揚的對比處理,通過對比的手法能夠讓信息量在視覺上“顯得”比實際上少。
    錯落有致、有強有弱的信息布局,讓用戶更容易地第一眼就把握了整體結構,從而快速找到自己想要的信息。就如同報紙的頭條、各種大小標題一樣。這些變化讓人們的閱讀更順暢。想象一下如果報紙的內容全是大小一樣的字體,恐怕沒人會有閱讀的欲望吧。
    從運營的角度來看,通過對內容的強弱處理,還可以達到對用戶的焦點進行引導的作用。比如有些網站故意把分享的按鈕做的比其他按鈕要大,位置更顯眼,就是有意識地想讓用戶多進行分享,讓內容更好地被傳播。

    抑揚可以是界面元素的大小、顏色、字體等等,能起到以下作用:
    讓界面看起來更簡約;
    對用戶行為進行引導;
    幫助用戶快速發現對他最重要的信息;
    強弱對比,減少閱讀的壓力感。

    留白

    亞馬遜-留白

    UI 設計中重要的要素之一就是留白的運用。文字、按鈕等元素周圍的留白越大,越能提升存在感。(這其實也是上面說的“對比”的一種變形)
    留白不意味著頁面的信息容量降低。
    智能手機上下滾動是很舒適的,并沒有必要為了讓所有內容在一個頁面內全展現出來而讓字號變小。這樣做反而會讓信息更加難以閱讀。
    用戶的視覺需要得到“喘息”。
    信息容量大的界面,對用戶來說是一種閱讀負擔。在設計這些交互界面時,要注意留白的運用。留白能讓界面富有層次感,讓用戶的視覺得到“喘息”。

    icon 也要盡量簡單

    簡單的 icon
    設計師通常都是在大屏幕下設計,而實際上有些細節在大屏幕上的表現和實際在手機上的表現會有意想不到的差異。
    有些 icon 放大來看是很精美的,但放到手機上看時總會覺得哪里有些不妥,感覺細節多了擠成一坨,適得其反。這時候可以試試把icon進行極端的簡化,再和原來的設計作對比,并進行細微的調整,會有意想不到的效果。
    每個人對簡單的理解可能會不一樣,但這樣幾次來回對 icon 反復打磨,對簡單化的努力就可以看出效果來了。

    更多

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

    1. 對比
    2. 對齊
    3. 重復
    4. 親密性

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

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 成人午夜精品网站在线观看| 久久精品国产精品亚洲精品 | 欧美亚洲精品中文字幕乱码免费高清| 97久久精品国产精品青草| 中国精品18videosex性中国| 久久久久国产日韩精品网站| 色偷偷888欧美精品久久久| 国产精品ⅴ无码大片在线看| 亚洲精品乱码久久久久久 | 欧美日韩精品一区二区视频| 国产女人18毛片水真多18精品| 亚洲综合国产精品| 久久这里只有精品久久| 国产精品久久久天天影视| 精品无码无人网站免费视频| 亚洲精品中文字幕乱码三区 | 91精品国产91久久久久久蜜臀| 99re国产精品视频首页| 国产成人亚洲精品青草天美| 国产麻豆精品久久一二三| 久久99精品久久久久久动态图| 四虎国产成人永久精品免费| 一本色道久久综合亚洲精品| 亚洲中文字幕久久精品无码喷水 | 精品无人区麻豆乱码1区2区| 99精品免费视频| 国产韩国精品一区二区三区久久| 国产精品毛片无遮挡| 2022精品天堂在线视频| 99精品免费视频| 久热这里只精品99re8久| 久久精品无码一区二区三区| 亚洲综合精品香蕉久久网97| 国产精品无码v在线观看| 精品欧美一区二区三区久久久| 欧美XXXX黑人又粗又长精品| 亚洲精品高清在线| 日产精品久久久一区二区| 国产精品视频一区二区三区无码| 99在线热播精品免费99热| 久久夜色精品国产亚洲|