圖片的插手是最能馬上改變和改換整體印象的法寶。
即使全數(shù)是圖片也可以改變圖版率。商品展示中經(jīng)常會(huì)有這種圖片枚舉的形式，通俗的九宮格設(shè)計(jì)雖然整潔，可是沒有轉(zhuǎn)變和視覺重點(diǎn)，將幾個(gè)圖片位合并成為一個(gè)進(jìn)行展示可以發(fā)生更強(qiáng)的專題性效不美觀。
[焦點(diǎn)提醒] 若何可以使產(chǎn)物設(shè)計(jì)“精練年夜氣”?在你沒有靈感的時(shí)辰，不妨看看這篇文章中的建議。
神馬是“精練年夜氣”?
此刻被人們津津樂道的扁平化設(shè)計(jì)無疑成為了這四個(gè)字的代言，也讓之前似乎分開了人們視野的平面設(shè)計(jì)帶來了新思慮，我們發(fā)現(xiàn)良多設(shè)計(jì)體例依舊很是經(jīng)典。
無論是與客戶的溝通仍是和產(chǎn)物司理的 PK 中，在第 N+1 次改削依舊沒有靈感的時(shí)辰，不妨借鑒一下下面的小建議來救場。
調(diào)整圖版率改變印象
“……”
改變圖片比例
圖版率是雜志版式中經(jīng)常提到的概念:即頁面中圖片所占面積的比率。圖版率高的雜志頁面會(huì)給人帶來年青與活躍的印象，相反地，全是文字，圖版率為 0，這樣的頁面就顯得沉穩(wěn)良多。
放年夜圖片，增添展示空間
“這里為什么要放這個(gè)功能?仿佛用戶用不上誒……”
色塊進(jìn)行一再組成排版
使用停筆庖代文字
使用意圖明晰的停筆庖代文字可以輔佐導(dǎo)航等操作區(qū)與文字閱讀區(qū)分隔。
締造節(jié)奏感
你知道嗎?不美旁觀者和一張簡單的海報(bào)設(shè)計(jì)也會(huì)發(fā)生交互過程。
在 AppFlow 和網(wǎng)易應(yīng)用中心應(yīng)用主頁中，經(jīng)由過程手勢向下滑動(dòng)可以讓圖片當(dāng)前頁放年夜，預(yù)覽 App 界面效不美觀，這樣的體驗(yàn)就很精練。
好比 AppFlow 中下拉刷新時(shí)，布景圖片會(huì)由遠(yuǎn)至近，就在不覺間擴(kuò)展了視覺空間。
當(dāng)你在 20 米開外的時(shí)辰會(huì)被它膳縵沔的人物與色彩吸引，走近至 5 米的時(shí)辰會(huì)看到它的口號，而走到跟前會(huì)發(fā)現(xiàn)新的小字信息。海報(bào)經(jīng)由過程不美旁觀距離的轉(zhuǎn)變制造出閱讀的條理感，指導(dǎo)你不竭深切。
同樣的，在界面中除了操作明晰的信息分組指導(dǎo)視覺，還可以考慮在交互中也插手節(jié)奏，筆者不認(rèn)為在扁平化的設(shè)計(jì)時(shí)代我們就不需要打造空間關(guān)系，經(jīng)由過程手勢的轉(zhuǎn)變制造出界面分歧的景深效不美觀，可以讓界面布滿呼吸感。
當(dāng)圖片資本不充沛，好比動(dòng)靜類信息和圖片并列時(shí)，可以采用和圖片不異巨細(xì)的色塊連結(jié)界面的統(tǒng)一性與精練性。
潛匿與合并
穿衣服我們講究“氣場”，而設(shè)計(jì)中使用的色彩也應(yīng)該明晰，避免使用含混的色彩，這樣界面之間的元素才是有對比的。
使用光鮮的色彩營造氣場
戒失蹤排滿的慣性
名目塔心理學(xué)中提到一個(gè)刪除事理，就是年夜構(gòu)圖形象中解除不主要的部門，只保留那些絕對需要的組成部門，年夜而達(dá)到視覺的簡化。 不要排滿也就是我們時(shí)常說的留白，這里的設(shè)計(jì)需要和產(chǎn)物一路做減法。
“這里不放這個(gè)功能看起來斗勁空，而且萬一用戶用到呢?”
人們以往的消費(fèi)不美觀念是面臨同樣的價(jià)錢，最終巨匠會(huì)選擇看起來功能齊全的物品，在信息競爭和功能為上的時(shí)代，慣性會(huì)讓你想沖要手足夠多的功能或信息去知足用戶，這種情形下，堆滿信息的頁面如不美觀一直行刪減化措置，形成必然條理的分組和條理化措置，也將會(huì)釀成讓人驚悸失措的電視遙控器。
其實(shí)考慮界面空不空的問題應(yīng)該交給設(shè)計(jì)師解決，經(jīng)由過程必然水平的留白就可以達(dá)到不錯(cuò)的效不美觀，我們只需要確認(rèn)到底需不需要這個(gè)功能，有多需要，符不合合用戶的使用場景?
當(dāng)面臨無法去失蹤的功能時(shí)，我們可以采用“主界面優(yōu)先模式”，潛匿部門功能。
好比在閱讀中，為了加倍沉浸式的閱讀體驗(yàn)，經(jīng)常操滋熳勢將閱讀流之外的功能潛匿起來，好比隨享Pro 向左滑進(jìn)行評論和轉(zhuǎn)發(fā)，豆瓣閱讀的全屏閱讀。
Design makes life better.
網(wǎng)友點(diǎn)評
精彩導(dǎo)讀
科技快報(bào)
品牌展示