<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 能讓UI設(shè)計顯得更簡約的一些小技巧

          2013-11-20    藍(lán)藍(lán)設(shè)計的小編

          轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   m.sdgs6788.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

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

          如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

          讓設(shè)計顯得簡約的一些技巧

          互聯(lián)網(wǎng)界一直在有提倡簡約設(shè)計的聲音,可簡約設(shè)計有什么小技巧?

          作者:龍?zhí)?一個學(xué)日語的產(chǎn)品經(jīng)理。愛貓,愛吐槽。現(xiàn)在在做智能手機(jī)的Rom。

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

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


           

          臃腫易煩膩,簡陋生欲望

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

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

          能讓產(chǎn)品“看起來簡約”的簡單技巧

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

          抑揚(yáng)

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

          抑揚(yáng)可以是界面元素的大小、顏色、字體等等,能起到以下作用:
          讓界面看起來更簡約;
          對用戶行為進(jìn)行引導(dǎo);
          幫助用戶快速發(fā)現(xiàn)對他最重要的信息;
          強(qiáng)弱對比,減少閱讀的壓力感。

          留白

          亞馬遜-留白

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

          icon 也要盡量簡單

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

          更多

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

          1. 對比
          2. 對齊
          3. 重復(fù)
          4. 親密性

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

          題外話,第一部分的“抑揚(yáng)”,其實還和 IA 設(shè)計相關(guān),這里就不展開來細(xì)說了,先從這幾個簡單的小技巧開始,讓產(chǎn)品的UI設(shè)計變得更簡單吧。

          日歷

          鏈接

          個人資料

          存檔

          日韩美女18网站久久精品| 久久久噜噜噜www成人网| 精品久久久久久久中文字幕| 精品国产一区二区三区久久| 亚洲国产成人久久精品动漫| 久久黄色视频| 久久久亚洲欧洲日产国码二区| 大美女久久久久久j久久| 久久亚洲sm情趣捆绑调教| 久久精品国产99国产电影网 | 91精品国产综合久久四虎久久无码一级| 久久免费线看线看| 无码AV中文字幕久久专区| 日本精品久久久久中文字幕8| 久久这里只精品99re66| 久久久久亚洲爆乳少妇无| 波多野结衣久久一区二区| 9191精品国产免费久久| 久久夜色精品国产噜噜亚洲AV| 久久精品国产99久久香蕉| 丰满少妇人妻久久久久久| 久久久久久久久波多野高潮| 欧美伊人久久大香线蕉综合69 | 久久精品一区二区三区不卡| 久久中文精品无码中文字幕| 久久国产精品-久久精品| 国产成人无码精品久久久性色| 日本精品久久久久影院日本| 久久久精品免费国产四虎| 久久综合精品国产二区无码| 国产成人精品久久| 久久妇女高潮几次MBA| 亚洲国产精品无码久久九九| 久久精品国产99久久香蕉| 久久精品国产色蜜蜜麻豆| 国产69精品久久久久9999| 国产午夜精品久久久久九九电影 | 亚洲午夜久久久影院| 久久精品中文无码资源站| 亚洲va国产va天堂va久久| 性做久久久久久久|