UI 設(shè)計(jì)中主要的要素之一就是留白的運(yùn)用。文字、按鈕等元素四周的留白越年夜，越能晉升存在感。(這其實(shí)也是膳縵沔說的“對比”的一種變形)
[焦點(diǎn)提醒] 互聯(lián)網(wǎng)界一向在有倡導(dǎo)簡約設(shè)計(jì)的聲音，可簡約設(shè)計(jì)有什么小技巧?
產(chǎn)物長什么樣是跟產(chǎn)物的受眾有關(guān)的。我們看國內(nèi)電視購物，年夜來都是以“有若干好多功能”的標(biāo)的目的來推銷產(chǎn)物的。或許我們的方針受眾就是喜歡年夜而全的工具，并不是設(shè)計(jì)師和產(chǎn)物司理的錯(cuò)。為了迎合年夜情形的產(chǎn)物需求，我們不得不用各類無關(guān)緊要的功能點(diǎn)來吸引用戶。
臃腫易煩膩，簡陋生欲望
智妙手機(jī)上下滾動(dòng)是很舒適的，并沒有需要為了讓所有內(nèi)容在一個(gè)頁面內(nèi)全揭示出來而讓字號(hào)變小。這樣做反而會(huì)讓信息加倍難以閱讀。
對用戶行為進(jìn)行指導(dǎo);
不外，如不美觀產(chǎn)物過分簡陋，僅僅局限于有限的使用場景的話，用戶的使用頻度就會(huì)很低，很輕易被遺忘。這也是年夜年夜都旅行網(wǎng)站和 App 的把柄。
能讓產(chǎn)物“看起來簡約”的簡單技巧
輔佐用戶快速發(fā)現(xiàn)對他最主要的信息;
我并不認(rèn)為國外的 App 在功能上會(huì)比國內(nèi)的要少。在實(shí)現(xiàn)同樣的功能的情形下，國內(nèi)的 App 設(shè)計(jì)并沒有有意識(shí)地讓界面看起來更簡約。
產(chǎn)物設(shè)計(jì)的簡約，最直不美觀的感應(yīng)感染就是 UI 設(shè)計(jì)了。在這里分享一些我認(rèn)為可以讓 App “看起來”更簡約的幾個(gè)主要的技巧
頓挫
一再
美團(tuán)網(wǎng)-頓挫
頓挫，就是對內(nèi)容進(jìn)行有抑有揚(yáng)的對比措置，經(jīng)由過程對比的手法能夠讓信息量在視覺上“顯得”比現(xiàn)實(shí)上少。
錯(cuò)落有致、有強(qiáng)有弱的信息結(jié)構(gòu)，讓用戶更輕易地第一眼就把握了整體結(jié)構(gòu)，年夜而快速找到自己想要的信息。就如同報(bào)紙的頭條、各類巨細(xì)問題一樣。這些轉(zhuǎn)變讓人們的閱讀更順暢。想象一下如不美觀報(bào)紙的內(nèi)容全是巨細(xì)一樣的字體，生怕沒人會(huì)有閱讀的欲望吧。
年夜運(yùn)營的角度來看，經(jīng)由過程對內(nèi)容的強(qiáng)弱措置，還可以達(dá)到對用戶的焦點(diǎn)進(jìn)行指導(dǎo)的浸染。好比有些網(wǎng)站居心把分享的按鈕做的比其他按鈕要年夜，位置更顯眼，就是有意識(shí)地想讓用戶多進(jìn)行分享，讓內(nèi)容更好地被傳布。
頓挫可所以界面元素的巨細(xì)、顏色、字體等等，能起到以下浸染：
簡單的 icon
每次在斟酌功能點(diǎn)時(shí)，概略城市有這樣的困擾。
讓界面看起來更簡約;
強(qiáng)弱對比，削減閱讀的壓力感。
留白
留白不意味著頁面的信息容量降低。
用戶的視覺需要獲得“喘息”。
信息容量年夜的界面，對用戶來說是一種閱讀承擔(dān)。在設(shè)計(jì)這些交互界面時(shí)，要注重留白的運(yùn)用。留白能讓界面富有條理感，讓用戶的視感受到“喘息”。
icon 也要盡量簡單
亞馬遜-留白
設(shè)計(jì)師凡是都是在年夜屏幕下設(shè)計(jì)，而現(xiàn)實(shí)上有些細(xì)節(jié)在年夜屏幕上的默示和現(xiàn)實(shí)在手機(jī)上的默示會(huì)有意想不到的差異。
有些 icon 放年夜來看是很出色的，但放到手機(jī)上看時(shí)總會(huì)感受哪里有些不妥，感受細(xì)節(jié)多了擠成一坨，適得其反。這時(shí)辰可以試試把icon進(jìn)行極端的簡化，再和原本的設(shè)計(jì)作對比，并進(jìn)行細(xì)微的調(diào)整，會(huì)有意想不到的效不美觀。
每小我對簡單的理解可能會(huì)紛歧樣，但這樣幾回往返對 icon 一再打磨，對簡單化的全力就可以看出效不美觀來了。
談簡約設(shè)計(jì)的書籍有良多，互聯(lián)網(wǎng)界也一向在有倡導(dǎo)簡約設(shè)計(jì)的聲音。有人說，看國內(nèi)的各年夜門戶的設(shè)計(jì)，通通都是文字和功能的粗暴堆砌，莫非中國人真的不擅長設(shè)計(jì)簡約嗎。
產(chǎn)物功能多并不是好事，臃腫的功能會(huì)讓產(chǎn)物自己的定位和識(shí)別度變得稀少，同時(shí)帶來的是在視覺和心理上的壓力。也會(huì)讓產(chǎn)物顯得沒有深度，感受像是一會(huì)兒就略過了前戲進(jìn)入高漲了。初期的版本，只要保證那些能讓產(chǎn)物的概念成立的關(guān)頭功能點(diǎn)和特征就行了。
更多
《寫給巨匠看的設(shè)計(jì)書》中提到的四個(gè)設(shè)計(jì)的原則：
對比
對齊
親密性
這幾個(gè)原則可以用來作為任何一個(gè)平面設(shè)計(jì)的評(píng)判。在 UI 設(shè)計(jì)中也是很受用的。
題外話，第一部門的“頓挫”，其實(shí)還和 IA 設(shè)計(jì)相關(guān)，這里就不睜開來細(xì)說了，先年夜這幾個(gè)簡單的小技巧起頭，讓產(chǎn)物的UI設(shè)計(jì)變得更簡單吧。
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示