<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • “簡潔大氣”設(shè)計指南

    2015-3-31    周周

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

    每一個扁平化界面設(shè)計,都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計

    來源:優(yōu)設(shè)網(wǎng)

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

    大氣

    [核心提示] 如何可以使產(chǎn)品設(shè)計“簡潔大氣”?在你沒有靈感的時候,不妨看看這篇文章中的建議。

    本文作者@兔子小姐april 神馬是“簡潔大氣”?

    現(xiàn)在被人們津津樂道的扁平化設(shè)計無疑成為了這四個字的代言,也讓之前似乎離開了人們視野的平面設(shè)計帶來了新思考,我們發(fā)現(xiàn)很多設(shè)計方法依舊非常經(jīng)典。
    無論是與客戶的溝通還是和產(chǎn)品經(jīng)理的 PK 中,在第 N+1 次修改依舊沒有靈感的時候,不妨借鑒一下下面的小建議來救場。

    調(diào)整圖版率改變印象

    圖片的加入是最能立刻改變和更換整體印象的法寶。
    圖版率是雜志版式中經(jīng)常提到的概念:即頁面中圖片所占面積的比率。圖版率高的雜志頁面會給人帶來年輕與活躍的印象,相反地,全是文字,圖版率為 0,這樣的頁面就顯得沉穩(wěn)許多。

    放大圖片,增加展示空間

    雖然在產(chǎn)品上網(wǎng)易微博一直不溫不火,但在設(shè)計上采用大圖片的改版讓整體擁有了簡潔的潮流感,并且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。

     

     

    改變圖片比例

    即使全部是圖片也可以改變圖版率。商品展示中經(jīng)常會有這種圖片羅列的形式,普通的九宮格設(shè)計雖然整齊,但是沒有變化和視覺重點,將幾個圖片位合并成為一個進行展示可以產(chǎn)生更強的專題性效果。



     

    色塊進行重復(fù)構(gòu)成排版

    當圖片資源不充足,比如消息類信息和圖片并列時,可以采用和圖片相同大小的色塊保持界面的統(tǒng)一性與簡潔性。



     

    使用圖標代替文字

    使用意圖明確的圖標代替文字可以幫助導(dǎo)航等操作區(qū)與文字閱讀區(qū)分開。



     

    創(chuàng)造節(jié)奏感

    你知道嗎?觀看者和一張簡單的海報設(shè)計也會產(chǎn)生交互過程。

    當你在 20 米開外的時候會被它上面的人物與色彩吸引,走近至 5 米的時候會看到它的標語,而走到跟前會發(fā)現(xiàn)新的小字信息。海報通過觀看距離的變化制造出閱讀的層次感,引導(dǎo)你不斷深入。

    同樣的,在界面中除了利用明確的信息分組引導(dǎo)視覺,還可以考慮在交互中也加入節(jié)奏,筆者不認為在扁平化的設(shè)計時代我們就不需要打造空間關(guān)系,通過手勢的變化制造出界面不同的景深效果,可以讓界面充滿呼吸感。

    比如 AppFlow 中下拉刷新時,背景圖片會由遠至近,就在不覺間擴展了視覺空間。



     

    使用鮮明的色彩營造氣場

    穿衣服我們講究“氣場”,而設(shè)計中使用的色彩也應(yīng)該明確,避免使用含混的色彩,這樣界面之間的元素才是有對比的。



     

    戒掉排滿的慣性

    格式塔心理學(xué)中提到一個刪除原理,就是從構(gòu)圖形象中排除不重要的部分,只保留那些絕對必要的組成部分,從而達到視覺的簡化。 不要排滿也就是我們時常說的留白,這里的設(shè)計需要和產(chǎn)品一起做減法。

    在實際項目中,筆者經(jīng)常遇到這樣的對話:

    “這里為什么要放這個功能?好像用戶用不上誒……”

    “這里不放這個功能看起來比較空,而且萬一用戶用到呢?”

    “……”

    人們以往的消費觀念是面對同樣的價格,最終大家會選擇看起來功能齊全的物品,在信息競爭和功能為上的時代,慣性會讓你想要加入足夠多的功能或信息去滿足用戶,這種情況下,堆滿信息的頁面如果不進行刪減化處理,形成一定層次的分組和條理化處理,也將會變成讓人手足無措的電視遙控器。

    其實考慮界面空不空的問題應(yīng)該交給設(shè)計師解決,通過一定程度的留白就可以達到不錯的效果,我們只需要確認到底需不需要這個功能,有多需要,符不符合用戶的使用場景?

    隱藏與合并

    當面對無法去掉的功能時,我們可以采用“主界面優(yōu)先模式”,隱藏部分功能。

    比如在閱讀中,為了更加沉浸式的閱讀體驗,經(jīng)常利用手勢將閱讀流之外的功能隱藏起來,比如隨享Pro 向左滑進行評論和轉(zhuǎn)發(fā),豆瓣閱讀的全屏閱讀。

     

    主界面優(yōu)先還體現(xiàn)在減少頻繁地切換界面,比如常見的查看大圖功能,在以前我們常用的方式是滑到新的頁面去查看圖片詳情,但真的需要那么麻煩嗎?
    在 AppFlow 和網(wǎng)易應(yīng)用中心應(yīng)用主頁中,通過手勢向下滑動可以讓圖片當前頁放大,預(yù)覽 App 界面效果,這樣的體驗就很簡潔。

    除了隱藏功能,我們還可以合并功能,減少 UI 控件的個數(shù),進而節(jié)省下空間,比如下面對音樂播放進度和播放控件的整合。

    設(shè)計是不斷創(chuàng)造新可能的過程,希望上面總結(jié)的這些小經(jīng)驗可以讓設(shè)計更好的回歸內(nèi)容,利用最輕量、簡單的設(shè)計來傳遞核心信息,也讓設(shè)計師們早日告別苦逼加班的日子。

    日歷

    鏈接

    個人資料

    藍藍設(shè)計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产L精品国产亚洲区久久| 久久国产热这里只有精品| 国产精品麻豆欧美日韩ww| 亚洲AV无码成人精品区在线观看| 国产精品99久久久久久董美香| 久久国产精品99精品国产| 欧美亚洲另类精品第一页 | 无码精品人妻一区二区三区漫画| 国产精品国产三级在线高清观看| 国产精品久久免费| 久久亚洲精品国产精品| 亚洲高清国产拍精品青青草原| 国产精品永久免费视频| 精品亚洲综合在线第一区| 久久精品国产亚洲av影院| 亚洲精品永久在线观看| 久久久久国产日韩精品网站| 国产精品午夜国产小视频| 国产高清在线精品一区| 精品国精品国产自在久国产应用| 亚洲精品少妇30p| 亚洲国产精品第一区二区三区| 久久精品国产精品亜洲毛片| 国产精品亚洲欧美大片在线看 | 久久久精品视频免费观看| 国产91精品一区二区麻豆亚洲| 久久99精品国产99久久6男男| 99精品视频在线观看| 国产精品一久久香蕉国产线看观看| 青青草原精品99久久精品66| 亚洲午夜国产精品无码| 亚洲人午夜射精精品日韩| 亚洲欧美日韩国产精品影院| 亚洲爆乳无码精品AAA片蜜桃| 亚洲国产精品成人一区| 在线精品亚洲| 人妻精品久久无码专区精东影业 | 久久精品亚洲欧美日韩久久| 欧美午夜精品久久久久久浪潮| 欧美日韩成人精品久久久免费看 | 亚洲国产成人久久精品影视|