設(shè)計(jì)趨勢(shì)是一個(gè)永不終結(jié)的話題，對(duì)于2016我們整理了一些可以預(yù)見(jiàn)的視覺(jué)設(shè)計(jì)趨勢(shì)，相信對(duì)廣大APP的產(chǎn)品設(shè)計(jì)師能夠帶來(lái)成長(zhǎng)和幫助，本次主要針對(duì)視覺(jué)設(shè)計(jì)趨勢(shì)做了總結(jié)。廢話不多說(shuō)，接下來(lái)讓我們看看哪些設(shè)計(jì)趨勢(shì)可以制霸2016。掌握趨勢(shì)！先人一步！

企業(yè)的運(yùn)營(yíng)和管理者越來(lái)越意識(shí)到，設(shè)計(jì)師們可以利用他們的才華去創(chuàng)造機(jī)會(huì)、解決問(wèn)題，甚至是開(kāi)發(fā)新的市場(chǎng)。所以在我們這里，他們是可以游走在公司規(guī)則之外的一群人。——Robert Brunner， Ammunition Group 創(chuàng)始人

《情感化設(shè)計(jì)心理學(xué)中》作者唐納德·諾曼將情感化設(shè)計(jì)與馬斯洛的人類需求層次理論聯(lián)系了起來(lái)。 產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個(gè)從低到高的層面，而情感化設(shè)計(jì)則處于其中最上層的“愉悅性”層面當(dāng)中。

因?yàn)槭袌?chǎng)上不同品牌的同類產(chǎn)品在功能、質(zhì)量、價(jià)格等基本品質(zhì)方面已經(jīng)差別越來(lái)越小,尤其是消費(fèi)類產(chǎn)品,比如手機(jī)家電之類的,產(chǎn)品的同質(zhì)化趨勢(shì)非常明顯,競(jìng)爭(zhēng)日趨激烈。 消費(fèi)者在購(gòu)買(mǎi)產(chǎn)品時(shí),情感因素的影響也日益加大,這意味著如果產(chǎn)品具有相同功能、質(zhì)量和價(jià)格,消費(fèi)者會(huì)選擇更能觸動(dòng)其情感的產(chǎn)品。

為了不落后他人，于是我也開(kāi)始學(xué)習(xí)Scrum，今天主要是對(duì)我最近閱讀的相關(guān)資料，根據(jù)自己的理解，用自己的話來(lái)講述Scrum中的各個(gè)環(huán)節(jié)，主要目的有兩個(gè)，一個(gè)是進(jìn)行知識(shí)的總結(jié)，另外一個(gè)是覺(jué)得網(wǎng)上很多學(xué)習(xí)資料的講述方式讓初學(xué)者不太容易理解；所以我決定寫(xiě)一篇掃盲性的博文，同時(shí)試著也與園內(nèi)的朋友一起分享交流一下，希望對(duì)初學(xué)者有幫助。

剛開(kāi)始接觸移動(dòng)頁(yè)面重構(gòu)，是不是很迷惑應(yīng)該按照多大的尺寸制作？320、640還是720？按照640的設(shè)計(jì)稿重構(gòu)完頁(yè)面，是不是還需要寫(xiě)其他尺寸來(lái)適配不同的屏幕大小？——這源于對(duì)viewport和px的不了解。

已經(jīng)重構(gòu)了好多移動(dòng)頁(yè)面，但是對(duì)為什么要按照640的大小來(lái)設(shè)計(jì)頁(yè)面，不清楚答案。給元素賦予固定的像素值，但是奇怪的是在不同的手機(jī)里看起來(lái)都差不多大小，不需要另外去適配，真是太爽了。為什么？不知道耶。——這源于對(duì)viewport和px的不了解。

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

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

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

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

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

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

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

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

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

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

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

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

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

2、jQuery UI - 基于jQuery的開(kāi)源Javascript框架

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

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

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