每當(dāng)要設(shè)計(jì)一個(gè)軟件界面的時(shí)候，設(shè)計(jì)師收集資料是必然的過程。最近北京藍(lán)藍(lán)設(shè)計(jì)要一個(gè)沉穩(wěn)嚴(yán)謹(jǐn)?shù)膒ad端軟件界面。

于是國內(nèi)外網(wǎng)站找了許多資料，集合一起，與大家分享！

1

Photoshop越來越強(qiáng)大了！試圖掌控它的全部特性是不現(xiàn)實(shí)的（更何況有那么多隱藏的功能！），那么我們不妨收藏一下大神們總結(jié)的這120個(gè)PS技巧，偶爾翻看一下，讓自己的設(shè)計(jì)更強(qiáng)大更！

這120款技巧覆蓋了PS絕大多數(shù)的主要功能，這些功能你很熟悉，但是明白它們的細(xì)節(jié)，掌控發(fā)招的捷徑，修圖作畫的時(shí)候說不定能收獲奇效呢！

在此之前，我們不妨先快速溫故一下PS的基本功能：《PS速成秘籍！如何在兩小時(shí)內(nèi)搞懂PHOTOSHOP基礎(chǔ)工具？》

不得不說，歷史總是驚人的相似！西方建筑和網(wǎng)頁設(shè)計(jì)同為工程與藝術(shù)的綜合體，兩者的發(fā)展歷程如此之相似，和以下四個(gè)因素有著不可分割的關(guān)系：

• 都為用戶提供了一個(gè)場所?
• 都借助工程學(xué)構(gòu)來構(gòu)建他們?
• 科技的進(jìn)步是他們的發(fā)展瓶頸??
• 盡管如此，它們?nèi)匀皇撬囆g(shù)的一種展現(xiàn)形式?

在這些設(shè)定之下，你可以清晰地看到建筑和網(wǎng)頁設(shè)計(jì)的發(fā)展路徑是極為相似的。所以，如果你想了解網(wǎng)頁設(shè)計(jì)會(huì)向何處發(fā)展，看看過去的那些建筑就知道了。

一、新石器時(shí)代——簡單而有限的結(jié)構(gòu)

在這個(gè)階段，能把東西構(gòu)建出來就已經(jīng)是壯舉了，除了尺寸和位置這樣的變量，并沒有什么花活。

具體的我們可以看下這個(gè)APP開發(fā)標(biāo)準(zhǔn)流程信息圖：

說道對(duì)比，你會(huì)想到什么？也許是黑白對(duì)比，大小對(duì)比，但是對(duì)比所存在的形式還有很多，遠(yuǎn)不止于此。

事實(shí)上，對(duì)比度是最重要的設(shè)計(jì)原則之一，它也是每個(gè)設(shè)計(jì)項(xiàng)目中必不可少的設(shè)計(jì)要求。為什么這么說呢？控制對(duì)比度有助于設(shè)計(jì)項(xiàng)目的組織結(jié)構(gòu)化，建立信息和視覺的層次，讓你最重要的部分成為視覺的重心，讓關(guān)鍵信息突出展示。善于使用有對(duì)比度的設(shè)計(jì)，能增加視覺的觀賞性和趣味性。在相同的布局、相同的視覺元素中，形態(tài)和色彩的變化有時(shí)候非常單調(diào)，但是對(duì)比能讓變化顯得不同凡響。

當(dāng)用戶訪問電商網(wǎng)站的時(shí)候，第一屏的信息展示是非常重要的，很大程度上影響了用戶是否決定停留，然而光靠文字大面積的堆積，很難直觀而迅速的告訴用戶來到這里會(huì)得到什么有用的信息，因此網(wǎng)頁Banner設(shè)計(jì)在這里起到了至關(guān)重要的展示作用，特別是對(duì)于首頁Banner，有效的信息傳達(dá)可以快速提高頁面轉(zhuǎn)化率。那么竹子來教你如何設(shè)計(jì)一個(gè)好的電商Banner。

隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁面和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實(shí)現(xiàn)一些現(xiàn)代化的界面，包括一些移動(dòng)設(shè)備的網(wǎng)頁界面風(fēng)格設(shè)計(jì)。本文分享了10個(gè)的CSS UI開源框架，有幾個(gè)確實(shí)不錯(cuò)，一起來看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā),是一個(gè)CSS/HTML框架。它使用了的瀏覽器技術(shù)，Bootstrap提供了時(shí)尚的排版樣式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。

官方網(wǎng)站：http://getbootstrap.com/

2、jQuery UI - 基于jQuery的開源Javascript框架

jQuery UI是一款基于jQuery的開源Javascript框架，jQuery UI框架主要提供了用戶交互、動(dòng)畫、和可更換主題的可視控件，讓開發(fā)者可以更方便地實(shí)現(xiàn)網(wǎng)頁交互界面，jQuery UI的整個(gè)框架比較龐大，但你也可以根據(jù)自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設(shè)計(jì)非常漂亮，值得一試。

藝術(shù)家 Austin Kleon 的著書《像藝術(shù)家一樣去偷：10條沒人告訴過你的創(chuàng)意要訣》篇幅不長，卻給初出茅廬的藝術(shù)家們（有創(chuàng)意的那類）提供了許多有益的指導(dǎo)。

不論是在手機(jī)屏幕上，瀏覽器上，還是智能手表的屏幕上，設(shè)計(jì)都是促使產(chǎn)品和用戶互動(dòng)的最重要的驅(qū)動(dòng)力之一。從扁平化設(shè)計(jì)到 Material Design ，從小屏幕到大屏幕，我分析了一下設(shè)計(jì)的趨勢演變規(guī)律，并同你分享一下我的一些拙見。到底有哪些趨勢？這些趨勢的存在，對(duì)于用戶有何裨益？它們將會(huì)創(chuàng)建怎樣的未來？這就是今天的文章所要探討的內(nèi)容。

作為近年設(shè)計(jì)領(lǐng)域中最具有代表性的設(shè)計(jì)風(fēng)格，我們不妨從扁平風(fēng)和 Material Design 入手，聊聊它們是怎樣出現(xiàn)、如何成為現(xiàn)如今的設(shè)計(jì)趨勢。