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

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

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

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

在線演試 代碼下載

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

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

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

PSD素材有二個(gè)版本，下面展示的是

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

Popular color for 2013

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

查看網(wǎng)頁(yè)

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

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

Facebook Timeline 網(wǎng)站模板

下載地址：微盤下載

對(duì)于新手網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，可能拿到優(yōu)秀的網(wǎng)站模板PSD源文件是很好的，因?yàn)檫@樣可以從里面深入學(xué)習(xí)很多有用的技術(shù)和技巧，這些網(wǎng)頁(yè)模板設(shè)計(jì)很精致，設(shè)計(jì)師們應(yīng)該認(rèn)真看看它們的設(shè)計(jì)細(xì)節(jié)、如何用柵格線布局、配色方案等等。

最近蘋果發(fā)布了iOS7 系統(tǒng)，除了系統(tǒng)優(yōu)化外，UI界面設(shè)計(jì)得到了很大的改變，這個(gè)界面在移動(dòng)網(wǎng)站、APP UI上十分友好，如果想學(xué)習(xí)或設(shè)計(jì)相關(guān)扁平化設(shè)計(jì)風(fēng)格的作品，那么接下來(lái)這套全新的免費(fèi)的iOS7 UI KIT你一定會(huì)喜歡！

免費(fèi)的iOS7 UI PSD素材下載

這個(gè)UI設(shè)計(jì)包是免費(fèi)的，而且是PSD分層文件，所以你很容易就能去編輯它，修改為自己喜歡的樣子。而且界面元素很完整，幾乎所有需要的設(shè)計(jì)元素都包含在里面了，我想用這個(gè)來(lái)設(shè)計(jì)一個(gè)APP界面會(huì)很快就能出來(lái)！甚至用來(lái)做原型草圖也很漂亮。

設(shè)計(jì)元素很多，屏幕、按鈕、菜單等等都有了。

人們每談到設(shè)計(jì)很自然的就會(huì)聯(lián)想到創(chuàng)意、想法。作為設(shè)計(jì)師，好像我們的大腦里就理所應(yīng)當(dāng)?shù)爻錆M了各種創(chuàng)意，然而這些創(chuàng)意是本來(lái)就存在于大腦里的嗎？顯然不是。有人說(shuō)創(chuàng)意來(lái)自冥想，我不否認(rèn)有些天賦超人的設(shè)計(jì)神人可以通過(guò)冥想產(chǎn)生內(nèi)容，但是對(duì)于非神設(shè)計(jì)師來(lái)說(shuō)，冥想只是一個(gè)將腦海中的舊有內(nèi)容進(jìn)行重新組合并且呈現(xiàn)出來(lái)的一個(gè)方法。所以創(chuàng)意的內(nèi)容其實(shí)不是來(lái)自冥想，而是來(lái)自設(shè)計(jì)師平時(shí)的積累，積累的越多，設(shè)計(jì)知識(shí)越豐富，創(chuàng)意和想法也就越多。經(jīng)常聽到這樣的話：作為一個(gè)設(shè)計(jì)師想要提高水平，就要多看多思考多實(shí)踐。于是很多人把業(yè)余時(shí)間都投入到無(wú)盡的圖庫(kù)之中，試圖以此提高自己，但是在被各種優(yōu)秀的設(shè)計(jì)作品吸引的同時(shí)，往往忽略了更為重要的知識(shí)管理。

你是不是經(jīng)常遇到這樣的情況？

　　一個(gè)頁(yè)面的細(xì)節(jié)，從重構(gòu)的角度去看，頁(yè)面的精細(xì)度，代碼的可讀性、擴(kuò)展性，為下游服務(wù)的代碼注釋，交互接口樣式的書寫，代碼的壓縮，圖片的優(yōu)化等都可以歸為細(xì)節(jié)處理，我的理解是，剛才提到的細(xì)節(jié)處理是每個(gè)重構(gòu)工程師都應(yīng)該具備的基本技能，不能算是真正意義上的細(xì)節(jié)，好的細(xì)節(jié)處理應(yīng)該是從用戶出發(fā)，應(yīng)該是發(fā)自內(nèi)心對(duì)用戶的一種關(guān)懷。下面有兩個(gè)小例，都是我們做頁(yè)面時(shí)常見的板塊，如果我們細(xì)心處理一下，也許會(huì)讓用戶會(huì)倍感貼心。

作為設(shè)計(jì)師，在創(chuàng)建網(wǎng)站的時(shí)候，最關(guān)心的是在不影響可用性的情況下如何捕捉觀眾的注意力。做到這點(diǎn)的唯一方法是通過(guò)提升你的創(chuàng)意水平，以創(chuàng)造一些真正令人印象深刻的東西。

　　顏色有不同的作用，在網(wǎng)頁(yè)設(shè)計(jì)中的有強(qiáng)烈的色彩心理學(xué)概念。紅，綠，紫，橙......所有這些都會(huì)刺激觀眾的感受和情緒，所以當(dāng)你選擇配色方案的時(shí)候，你需要做一個(gè)小小的研究。在這篇文章中，你將看到30個(gè)使用鮮艷的色彩的華麗網(wǎng)站。

Behind The Brutes