什么東西都離不開基礎(chǔ)，建房子需要地基，解方程式需要先學(xué)會乘法表，唱歌需要先會“哆、來、咪”。頁面設(shè)計 也同樣需要基礎(chǔ)，這個基礎(chǔ)就是平面 構(gòu)成。 網(wǎng)頁設(shè)計 風(fēng)格種多樣，除去一些場景化設(shè)計 和給力的素材支持，剩下的就全靠平面構(gòu)成和排版了。剛開始接觸網(wǎng)頁設(shè)計 的時候，常常會鉆到某個局部中去，頁面風(fēng)格還沒出現(xiàn)，就開始做字體細節(jié)，結(jié)果可想而知咯。經(jīng)過一段時間的學(xué)習(xí)和實踐，發(fā)現(xiàn)原來做網(wǎng)頁跟繪畫是一樣，先把內(nèi)容和想法都丟上去，排布出整體風(fēng)格（這里就需要的是平面構(gòu)成排版能力啦），然后再慢慢細化各部分內(nèi)容。

一、基礎(chǔ)中的基礎(chǔ)：點、線、面

點構(gòu)成線，線構(gòu)成面，這些是平面構(gòu)成中的基本要素，也是所有平面設(shè)計 的基本要素。那么將這些基礎(chǔ)中的基礎(chǔ)運用在網(wǎng)頁設(shè)計中，又是怎樣的效果呢？ 點、線、面這三個東西不單純的指一個點、一根線、一個平面。我們要善于利用文字和圖形的排布，為自己的網(wǎng)頁增添效果。網(wǎng)頁中的每一個文字，每一個點，每一個圖形都是這個網(wǎng)頁的組成元件，文字可組成圖形，圖形也可組成文字，這些都不是限定死的。

讓人感動的設(shè)計，紅點最佳概念獎”Blade a Blade Safe Agua”

之所以說Blade a Blade（巴爾德，西班牙語“桶”的意思），是因為在這個世界上，還有很多地區(qū)因為災(zāi)難、戰(zhàn)亂、經(jīng)濟、政治和基礎(chǔ)設(shè)施落后貧困，甚至沒有我們已經(jīng)習(xí)以為常的自來水，水車運送來的水，用大大小小的容器裝著使用，不方便的同時，也不衛(wèi)生。而”Blade a Blade Safe Agua”為這些地區(qū)的人們考慮，可以與任何容器連接使用，使全球46%沒有自來水的人們享用便利、健康的自來水。文末視頻更好的詮釋。
“Blade a Blade Safe Agua”是一種便攜式龍頭，可以與任何容器連接，而且成本低廉，使用非常方便，通過虹吸原來，將水從容器中引出，通過龍頭結(jié)構(gòu)設(shè)計，可以調(diào)節(jié)水流大小以及開關(guān)功能，僅單手就可以操作，另一個重要的好處，就是在這些用水不便的地區(qū)可以更好的節(jié)省水資源。因此”Blade a Blade Safe Agua”也獲得了紅點概念設(shè)計 獎，綠色設(shè)計最佳獎！當(dāng)之無愧。

為什么要改版？

隨著科技的發(fā)展，時代的進步，微博用戶的上網(wǎng)設(shè)備也在快速更新。研究一下微博用戶的屏幕分辨率使用數(shù)據(jù)我發(fā)現(xiàn)，屏幕分辨率越來越高的同時，伴隨的一個數(shù)值，也就是顯示器顯示網(wǎng)頁外的空白面積也越來越大，如何利用好這部分空間是一個值得研究的課題。

前期看了一些同類產(chǎn)品

Clear的出現(xiàn)引起了大家對手勢操作的熱忱, Google新專利采用“連續(xù)手勢”也讓我們看到了個性化手勢的前景。確實，手勢操作能夠減少界面元素，提升效率；但其不可見性，抽象性，需記憶性等特點也決定了它的弊端。如何揚長避短，根據(jù)現(xiàn)有手勢的特點在合適的情境中使用，同時根據(jù)文化約定、實物隱喻、表音、表意等發(fā)想創(chuàng)新手勢，而非一味地追逐跟風(fēng)，值得我們思考。本文結(jié)合了珊璞之前對客戶端手勢應(yīng)用的分享以及網(wǎng)上的相關(guān)資料，從手勢的空間感帶來的心理感受，手勢賦予的功能，引導(dǎo)方式，與動畫的配合，創(chuàng)新幾個角度進行了總結(jié)。許多是大家已知的想法，在這里僅做簡單的梳理；而引導(dǎo)方式、與動畫的配合等，希望大家能有更多的思考，因為通過動畫、轉(zhuǎn)場、擬物等方式，可以使注意力與流程更加流暢，同時貼合現(xiàn)實世界，從而有助于手勢的抽象性、需記憶性的克服。閱讀全文

一、空間感帶來的心理感受

作為專業(yè)的頁面構(gòu)建工程師，除了在專業(yè)技能上有很高的要求以外，還需要具有一定的對設(shè)計圖的審稿能力。審圖，并非是意味著追求跟PSD一模一樣，甚至耗費大量時間截屏跟PSD去“對像素”。在我的理解中，審圖是通過對UI設(shè)計稿的分析，充分理解UI設(shè)計師的意圖，再結(jié)合UE的交互狀態(tài)，從中做到真正的“還原設(shè)計稿”。

事例一：有取有舍，方是領(lǐng)悟

比如，在這樣一張設(shè)計稿中

攝影構(gòu)圖的畫面設(shè)計，最重要的一點就是構(gòu)圖的均衡美。

只是我們?yōu)槭裁匆獦?gòu)圖？目的是什么？

首先構(gòu)圖不能成為目的本身，因為構(gòu)圖的基本任務(wù)，是最大的可能闡明藝術(shù)家的構(gòu)思

構(gòu)圖的目的是：把構(gòu)思中典型化了的人或景物加以強調(diào)、突出，從而舍棄那些一般的、表面的、繁瑣的、次要的東西，并恰當(dāng)?shù)匕才排泱w，選擇環(huán)境，使作品比現(xiàn)實生活更高、更強烈、更完善、更集中、更典型、更理想，以增強藝術(shù)效果。總的來說，就是把一個人的思想情感傳遞給別人的藝術(shù)，這話可真切地表達了構(gòu)圖的目的。

01. Manhattan

邏輯，也就是思維的規(guī)律。小時候有人問我一群羊加一群羊等于多少群羊，我二話不說是兩群羊，他說錯了，是一大群羊。1+1=2是真理，1+1=1也是真理。邏輯的存在如同我們?nèi)粘Ｉ钜粯印Ｓ兄懿豢煞值某B(tài)感。種族之間的相互不一影響著人類的認知，美國人的獨立平等可不一定能讓各就其位等級嚴格的日本人接受。所以，我理解的設(shè)計中的邏輯，是常規(guī)意識下有規(guī)范有順序，有理有據(jù)，小到一個符號也能說明和畫面的關(guān)系以及他存在的意義的。

所以，個人才疏學(xué)淺，不敢說自己寫的多么有道理，只為這寥寥幾年的設(shè)計工作經(jīng)驗和閱讀書籍中得來的一些設(shè)計中的邏輯推論，總結(jié)如下。

1．設(shè)計中的閱讀邏輯-古騰堡圖表

  環(huán)顧下四周，充電器、鼠標、本子、包包、盒子等等，有沒有發(fā)現(xiàn)這些東西越來越玲瓏，越來越滿足了你的個人愛好？
        社會在倡導(dǎo)一種獨立自我的精神，于是我們能看到各種各樣的新鮮事物。即使最常見的日用品，也開始走藝術(shù)化、個性化路線，比如家居產(chǎn)品、生活用品、軟件應(yīng)用等等，這就對設(shè)計師有了更高的要求。那么，這些獨特的東西都來自哪里，設(shè)計靈感從何而來？我們該到哪里發(fā)現(xiàn)更多這些東西？
        這些往往都歸功于設(shè)計師，每一個設(shè)計師都有一份獨特的情懷，我們來挖挖設(shè)計圈達人的百寶箱中都有些啥：