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

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

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

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

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

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

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

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ì)會向何處發(fā)展，看看過去的那些建筑就知道了。

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

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

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

隨著CSS3和HTML5的流行，我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁面和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實(shí)現(xiàn)一些現(xiàn)代化的界面，包括一些移動設(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框架主要提供了用戶交互、動畫、和可更換主題的可視控件，讓開發(fā)者可以更方便地實(shí)現(xiàn)網(wǎng)頁交互界面，jQuery UI的整個(gè)框架比較龐大，但你也可以根據(jù)自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設(shè)計(jì)非常漂亮，值得一試。

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

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