一般設(shè)計(jì)師的入門方法之一就是臨摹優(yōu)秀的大師級作品，網(wǎng)頁設(shè)計(jì)也不例外，如果你想學(xué)習(xí)優(yōu)秀網(wǎng)頁設(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)、排版布局大小都和原來網(wǎng)站的一模一樣，細(xì)節(jié)很到位，值得下載來學(xué)習(xí)！

Facebook Timeline 網(wǎng)站模板

下載地址：微盤下載

對于新手網(wǎng)頁設(shè)計(jì)師來說，可能拿到優(yōu)秀的網(wǎng)站模板PSD源文件是很好的，因?yàn)檫@樣可以從里面深入學(xué)習(xí)很多有用的技術(shù)和技巧，這些網(wǎng)頁模板設(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)格的作品，那么接下來這套全新的免費(fèi)的iOS7 UI KIT你一定會(huì)喜歡！

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

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

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

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

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

　　一個(gè)頁面的細(xì)節(jié)，從重構(gòu)的角度去看，頁面的精細(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)心對用戶的一種關(guān)懷。下面有兩個(gè)小例，都是我們做頁面時(shí)常見的板塊，如果我們細(xì)心處理一下，也許會(huì)讓用戶會(huì)倍感貼心。

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

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

Behind The Brutes

藍(lán)藍(lán)注：此文有些圖片沒有顯示全， 下載此文及圖片請點(diǎn)http://m.wtxcl.cn/what%20to%20do%20APP%20ui%20design.docx

用戶在面對移動(dòng)應(yīng)用時(shí)，心態(tài)有三大特征：第一是微任務(wù)，我不會(huì)拿手機(jī)寫一篇論，不會(huì)從頭到尾看一部電影，使用是隨時(shí)隨地的；第二是查看周遭，也就是我所處的環(huán)境。我可能會(huì)打開手機(jī)，看有什么好的館子，有什么好的電影，打折團(tuán)購等等；第三個(gè)是無聊，很多移動(dòng)用戶更多情況是無聊的，打開手機(jī)，從左到右的翻，翻到最后再把手機(jī)關(guān)掉。

針對這三種特征的心態(tài)，我們怎么樣去面對？第一，應(yīng)用最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸；第二個(gè)要滿足用戶的情景需求；第三個(gè)要幫助用戶去消磨時(shí)間。

雖然 iOS 7的界面設(shè)計(jì)引來不少吐槽口水，但李的觀點(diǎn)是“蘋果的缺點(diǎn)一般都不會(huì)出現(xiàn)在大方向上，即便有缺點(diǎn)也只是在某些個(gè)別的零件上?！边@篇文章我將站在一個(gè)設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)。

　　在談 iOS 7 的界面之前，我先說說我對“扁平化”的認(rèn)識。 iOS 7 發(fā)布之前大家都在猜測蘋果會(huì)不會(huì)把界面改成“扁平化”風(fēng)格?什么是“扁平化”的界面設(shè)計(jì)風(fēng)格?去掉材質(zhì)機(jī)理去掉投影漸變，整個(gè)界面看起來扁扁的平平的就是“扁平化”的設(shè)計(jì)風(fēng)格嗎?如果是這樣理解“扁平化”三個(gè)字的話，那大家怎么理解“知識扁平化”這個(gè)詞?

　　我認(rèn)為“扁平化”的界面設(shè)計(jì)風(fēng)格，真正意義上指的是界面設(shè)計(jì)上信息層級的扁平化，而不單純只是視覺效果的扁和平。WP 系統(tǒng)的“扁平化”設(shè)計(jì)把很多信息變得模塊化，并且壓縮信息展示層級，很多原本藏的比較深的信息可以在首界面上直觀呈現(xiàn)。

　　如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話，我們壓根不需要把界面設(shè)計(jì)孤立出來看。廣告界的平面設(shè)計(jì)，書籍裝幀的封面設(shè)計(jì)等等，在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品，在顯示器還是馬賽克的時(shí)候，那不就是最平的“扁平化”嗎?實(shí)際這種極簡式的點(diǎn)線面構(gòu)成式的現(xiàn)代主義設(shè)計(jì)風(fēng)格起源于建筑設(shè)計(jì)，并早已經(jīng)在廣告設(shè)計(jì)，服裝設(shè)計(jì)，工業(yè)設(shè)計(jì)等領(lǐng)域普及了。

　　所以“扁平化”在界面設(shè)計(jì)界壓根就是一個(gè)可有可無或早已有之的概念，完全沒必要大肆渲染，只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

蘋果在2013年的WWDC上正式發(fā)布了全新的iOS 7操作系統(tǒng)，相比iOS 6，新版的iOS 7在界面上做了重新的設(shè)計(jì)，更加的炫酷，同時(shí)界面見的切換也多了許多，一起先來看看蘋果官方為我們提供的iOS 7官方設(shè)計(jì)圖吧。