這個世界上到底沒有設(shè)計的法則？上個世紀(jì)初，奧地利及德國的心理學(xué)家創(chuàng)立了格式塔理論（Gestalt），該理論旨在解釋人類的行為是如何與視覺經(jīng)驗產(chǎn)生關(guān)聯(lián)的。格式塔理論解釋了我們的眼睛對一個事物及對象的理解是一個綜合的體驗，而不僅僅是我們所見的簡單疊加，它還包括我們以前對該事物及對象曾經(jīng)有過的感受。我們不是心理學(xué)家，但作為一個設(shè)計者，了解格式塔理論對你在設(shè)計的把握卻非常有幫助。

精心挑選的圖片加上清晰字體，我們可以呈現(xiàn)一個吸引人的美容小冊子的設(shè)計。

凱莉在加州經(jīng)營一家規(guī)模不大的名叫“London Hair Fare”的美容院，主要服務(wù)項目包括面部美容及蠟乳脫毛（waxing spa） 。該店光顧者甚多，而且那些潛在的顧客對該店的服務(wù)已經(jīng)有所了解，所以她需要的宣傳冊子是屬于那種基本型的版式——一張由信紙折疊而成的宣傳冊子，能夠簡單清晰地傳達出該店的服務(wù)項目。在宣傳上并不需要刻意去“叫賣”，也無需采用直郵方式。其冊子主要通過人手派發(fā)及放置在店內(nèi)由顧客任意取閱。

平面廣告展示小技巧

編輯：南辰 | 時間：2013年6月21日 | 分類：設(shè)計思想, 默認(rèn)分類 | 熱度：391° | 1條評論

【導(dǎo)讀】為了在手機屏幕給定的范圍內(nèi)展示出更多內(nèi)容，優(yōu)秀的導(dǎo)航欄設(shè)計將起到關(guān)鍵性作用，對于不同的操作也當(dāng)因地制宜地選則不同的設(shè)計方案。

　　導(dǎo)航的設(shè)計是 App 設(shè)計發(fā)展過程中很值得玩味的地方，由于移動設(shè)備特別是智能手機的屏幕尺寸有限，設(shè)計者們通常會將屏幕空間盡量留給主體內(nèi)容，優(yōu)秀的導(dǎo)航設(shè)計會讓用戶輕松到達目的地而又不會干擾和困惑用戶。

　　經(jīng)典導(dǎo)航：tabbar

　　Tabbar 的導(dǎo)航方式是由誰發(fā)明的筆者不得而知，不過相信大家都同意是由蘋果將其傳播開來。不僅很多蘋果的官方應(yīng)用采用了這種設(shè)計，蘋果同樣大力推薦應(yīng)用開發(fā)者優(yōu)先采用這種方式。從某種角度來說，tabbar 基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計。

在手機產(chǎn)品的設(shè)計過程中，由于手機界面的承載能力有限，產(chǎn)品功能的不斷膨脹，必須要在用戶打開應(yīng)用之后告知他某些新奇的功能，引導(dǎo)他完成某些主要任 務(wù)流程，讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法，體驗到應(yīng)用的樂趣，新手引導(dǎo)成了一個必須考慮的設(shè)計環(huán)節(jié)。

用戶引導(dǎo)的直接目標(biāo)是幫助用戶更好的使用產(chǎn)品，終極目標(biāo)是提升用戶滿意度。雖然，大多數(shù)情況下，我們可以通過合理的設(shè)計，盡可能的簡化功能，讓用戶 無需引導(dǎo)和幫助，就可以完成必要的任務(wù)。但是實際上，手機產(chǎn)品的限制和對強大功能的追求，導(dǎo)致這個目標(biāo)很難達到，因此越來越多的應(yīng)用開始使用用戶引導(dǎo)來幫 助用戶快速熟悉產(chǎn)品。

隨著蘋果iPad的推出，電子雜志類行的應(yīng)用大受好評，電子閱讀需求量不斷增長。傳統(tǒng)紙質(zhì)出版物的良好的視覺效果，互聯(lián)網(wǎng)巨大的信息資源庫，將這兩者集合在一起就會誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動內(nèi)容，輔以格式排版，讓用戶得到了無限量的優(yōu)秀資源以及良好的閱讀體驗。

網(wǎng)頁設(shè)計中彈出窗一般用于簡短的文字介紹，是十分常用的一個代碼。通過CSS3動畫樣式，我們可以實現(xiàn)不同交互的彈出框。

下面這個DEMO演試有19種不同動畫效果的彈出窗，如向上、向左、右、全屏、漸變展示等等。

在線演試 代碼下載

你最近是不是設(shè)計了一款時尚潮流大氣國際化并支持Responsive Web Design布局的網(wǎng)站界面？然后準(zhǔn)備向客戶展示一下你的才華？我知道你很牛X，但先別急哦，接下來加上這個RWD – PSD裝備才是最完美的組合。

RWD相關(guān)展示工具：超方便的移動、平板設(shè)備在線截圖工具

用APPLE系列的產(chǎn)品設(shè)備UI來作為展示，我想這是最適合不過了！PSD分辨率：1400×800 PX, 這個滿足你高清的欲望了吧？

PSD素材有二個版本，下面展示的是

讓我們一起看看網(wǎng)頁設(shè)計師是如何運用“翡翠綠”來配色。

Popular color for 2013

這里也有一些關(guān)于翡翠綠的介紹以及作品欣賞

查看網(wǎng)頁

一般設(shè)計師的入門方法之一就是臨摹優(yōu)秀的大師級作品，網(wǎng)頁設(shè)計也不例外，如果你想學(xué)習(xí)優(yōu)秀網(wǎng)頁設(shè)計，而且是設(shè)計新手，那么臨摹別人的設(shè)計作品是最好的方法，當(dāng)然前提是你要懂photoshop的一些基本用法。

下面設(shè)計達人網(wǎng)為大家分享2013流行的網(wǎng)站UI模板，分別有fackbook、Github、apple等優(yōu)秀網(wǎng)站，這些網(wǎng)站UI設(shè)計十分優(yōu)秀，源文件的字體、圖標(biāo)、排版布局大小都和原來網(wǎng)站的一模一樣，細(xì)節(jié)很到位，值得下載來學(xué)習(xí)！

Facebook Timeline 網(wǎng)站模板

下載地址：微盤下載