01. We Are Int

02. 5 Eme Gauche

什么東西都離不開基礎(chǔ)，建房子需要地基，解方程式需要先學會乘法表，唱歌需要先會“哆、來、咪”。頁面設(shè)計 也同樣需要基礎(chǔ)，這個基礎(chǔ)就是平面 構(gòu)成。 網(wǎng)頁設(shè)計 風格種多樣，除去一些場景化設(shè)計 和給力的素材支持，剩下的就全靠平面構(gòu)成和排版了。剛開始接觸網(wǎng)頁設(shè)計 的時候，常常會鉆到某個局部中去，頁面風格還沒出現(xiàn)，就開始做字體細節(jié)，結(jié)果可想而知咯。經(jīng)過一段時間的學習和實踐，發(fā)現(xiàn)原來做網(wǎng)頁跟繪畫是一樣，先把內(nèi)容和想法都丟上去，排布出整體風格（這里就需要的是平面構(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)習以為常的自來水，水車運送來的水，用大大小小的容器裝著使用，不方便的同時，也不衛(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è)計最佳獎！當之無愧。

為什么要改版？

隨著科技的發(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)新手勢，而非一味地追逐跟風，值得我們思考。本文結(jié)合了珊璞之前對客戶端手勢應(yīng)用的分享以及網(wǎng)上的相關(guān)資料，從手勢的空間感帶來的心理感受，手勢賦予的功能，引導方式，與動畫的配合，創(chuàng)新幾個角度進行了總結(jié)。許多是大家已知的想法，在這里僅做簡單的梳理；而引導方式、與動畫的配合等，希望大家能有更多的思考，因為通過動畫、轉(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)、突出，從而舍棄那些一般的、表面的、繁瑣的、次要的東西，并恰當?shù)匕才排泱w，選擇環(huán)境，使作品比現(xiàn)實生活更高、更強烈、更完善、更集中、更典型、更理想，以增強藝術(shù)效果。總的來說，就是把一個人的思想情感傳遞給別人的藝術(shù)，這話可真切地表達了構(gòu)圖的目的。

01. Manhattan