我們總是說，要從用戶場(chǎng)景出發(fā)。

我們總是說，同樣的需求在不同的用戶場(chǎng)景下可能會(huì)有不同功能設(shè)計(jì)模式。

我們總是說，所有的交互設(shè)計(jì)在沒有充分理解用戶場(chǎng)景下的設(shè)計(jì)都屬于自嗨行為。

我們總是這樣說。

從用戶場(chǎng)景出發(fā)，快說爛掉的句子。但是，你真的從用戶場(chǎng)景出發(fā)了嗎。因?yàn)闊o論你的腦補(bǔ)能力如何強(qiáng)大，如果你都沒有出發(fā)，去實(shí)際的體驗(yàn)，那么你還是在自嗨，所以還需自重。

那么現(xiàn)在從實(shí)際出發(fā)，身體力行，去觀察身邊的人如何使用這些林林種種產(chǎn)品吧。

在咨詢行業(yè)，投行等高手聚集的機(jī)構(gòu)，有一群分析師替客戶診斷大量信息，提供建議，做出結(jié)論。在設(shè)計(jì)公司里，這群分析師卻換了個(gè)名字，叫做「商業(yè)設(shè)計(jì)師」，到底商業(yè)設(shè)計(jì)師在做些什么呢？來看揭秘 >>>

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ǔ)工具？》

01、旋轉(zhuǎn)樣式

Cmd/Ctrl+Shift+Alt+T 是一個(gè)神奇的快捷鍵，可以幫你制作出驚人的萬花筒圖案，當(dāng)你使用它的時(shí)候，可以復(fù)制當(dāng)前圖層，并且同時(shí)重復(fù)之前的旋轉(zhuǎn)、放大等操作。正如下圖所演示，使用這一快捷鍵可以輕松地將一束炫光化作一個(gè)漂亮的萬花筒。在操作的時(shí)候，你先用Cmd/Ctrl+T和適當(dāng)?shù)男D(zhuǎn)，回車確定，然后使用這組快捷鍵，直到完成整個(gè)樣式。

簡(jiǎn)單有效的導(dǎo)航欄設(shè)計(jì)能夠極大的提高用戶體驗(yàn)，不僅能讓用戶更快找到他們想要的內(nèi)容，還能適當(dāng)分擔(dān)搜索引擎的壓力。常見的導(dǎo)航設(shè)計(jì)我想大家都已經(jīng)非常熟悉了，今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導(dǎo)航欄設(shè)計(jì)方案，這些優(yōu)秀的設(shè)計(jì)非常引人注目，令人難忘。這些網(wǎng)站的導(dǎo)航欄設(shè)計(jì)，比起傳統(tǒng)的導(dǎo)航會(huì)相對(duì)更復(fù)雜一些，但是絕對(duì)會(huì)令你眼界大開。

當(dāng)然，我們推薦這些網(wǎng)站并不只是因?yàn)閷?dǎo)航欄設(shè)計(jì)，這些優(yōu)秀的網(wǎng)站通常在技術(shù)使用和信息呈現(xiàn)上也做得非常突出。和很多酷站一樣，只要你深入探究，一定會(huì)獲益匪淺。

Jova

Jova的網(wǎng)站設(shè)計(jì)非常清爽，導(dǎo)航欄的設(shè)計(jì)均衡并且結(jié)構(gòu)妥帖。

設(shè)計(jì)師使用細(xì)線構(gòu)成的線框柵格來構(gòu)建網(wǎng)站導(dǎo)航，經(jīng)典的黑白配色，加上清晰銳利的英文字體，構(gòu)建出優(yōu)雅迷人的外觀，在柔和的背影映襯之下，給人深刻的印象。

自從幾個(gè)互聯(lián)網(wǎng)公司的產(chǎn)品帶領(lǐng)了白色簡(jiǎn)潔設(shè)計(jì)，所以現(xiàn)在在國(guó)內(nèi)不用白色的設(shè)計(jì)便不能叫做好設(shè)計(jì)。我們打開所有的應(yīng)用，從娛樂到閱讀，到社交工具到備份工具等等，一切都是白色。這一期我們來洗洗腦吧，看看國(guó)外優(yōu)秀的其他色設(shè)計(jì)吧 >>>

時(shí)代總是在螺旋式地發(fā)展變化中，設(shè)計(jì)潮流也是如此。隨著移動(dòng)端扁平化設(shè)計(jì)推進(jìn)，越來越多的設(shè)計(jì)師不滿足于僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合，而把更多的心思投入到精益求精的視覺設(shè)計(jì)中。從平面設(shè)計(jì)引申過來的技巧在這時(shí)起到了畫龍點(diǎn)睛的作用：一些細(xì)節(jié)上的處理，為移動(dòng)產(chǎn)品的界面大大地提升了品牌逼格。

小時(shí)候，很喜歡蝴蝶，感覺這是大自然最神奇的賦予，當(dāng)它們雙翼張開，總是禁不住欣賞它們那種美麗的優(yōu)雅以及多姿的色彩。

更重要的是，這種天生的對(duì)稱感，美得令人窒息。

對(duì)稱風(fēng)格

完形主義——一種人類行為理論，描述了人類排列視覺數(shù)據(jù)的思維結(jié)構(gòu)——認(rèn)為人類會(huì)很自然的把看到的東西按順序排列。

換句話說，我們的眼睛傾向于捕捉那些組織有序、風(fēng)格圓滿的視覺元素。這也就是我們所謂的對(duì)稱感。對(duì)稱風(fēng)格的物體有一種天生的平衡感、優(yōu)雅感，對(duì)稱在設(shè)計(jì)中能體現(xiàn)出一致、有序、穩(wěn)定的特質(zhì)。很多知名品牌都采用了對(duì)稱式設(shè)計(jì)，雖然不是很獨(dú)出心裁，但是至少讓人感覺大氣、穩(wěn)重。

藍(lán)藍(lán)寫

不要匆忙著手設(shè)計(jì)，理解核心問題需要時(shí)間。乍一看到某個(gè)問題你會(huì)覺得很簡(jiǎn)單，其實(shí)你并沒有理解其復(fù)雜性，當(dāng)你把問題搞清楚之后又會(huì)發(fā)現(xiàn)真的很復(fù)雜，于是你就拿出一套復(fù)雜的方案來，實(shí)際上你的工作只做了一半，大多數(shù)人也會(huì)到此為止，但是真正偉大的人還會(huì)繼續(xù)向前，直至找到問題的關(guān)鍵和深層次原因，然后再拿出一個(gè)優(yōu)雅的堪稱完美的有效方案?！獑滩妓?/span>

簡(jiǎn)化的4個(gè)策略。

怎么判斷什么是不必要的復(fù)雜性，怎么簡(jiǎn)化這種復(fù)雜性。有時(shí)解決一個(gè)問題會(huì)引出其他問題來。

刪除：去掉所有不必要的按鈕，直到減到不能再減。

組織：按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組。

隱藏：把那些不是最重要的按鈕，安排在活動(dòng)艙蓋之下，避免分散用戶的注意力。

轉(zhuǎn)移：只有遙控器上保留具備最基本功能的按鈕，將其他控制轉(zhuǎn)移到電視。

什么是DPI？什么是PPI？

DPI（Dots Per Inch）是測(cè)量空間點(diǎn)密度的單位，最初應(yīng)用于打印技術(shù)中，它表示每英寸能打印上的墨滴數(shù)量。較小的DPI會(huì)產(chǎn)生不清晰的圖片。

后來DPI的概念也被應(yīng)用到了計(jì)算機(jī)屏幕上，計(jì)算機(jī)屏幕一般采用PPI（Pixels Per Inch）來表示一英寸屏幕上顯示的像素點(diǎn)的數(shù)量，而DPI也被引入。

安裝Windows操作系統(tǒng)的電腦屏幕PPI的初始值是96，Mac的初始值是72，雖然這個(gè)值從80年代起就不是很準(zhǔn)確了。 一般來說，非retina桌面（包括Mac）的PPI的取值區(qū)間在72-120之間，因?yàn)檫@個(gè)取值區(qū)間能夠確保你的作品在任何地方都能保持大致相同的比 例。

這里有一個(gè)應(yīng)用實(shí)例： 27寸Mac影院顯示屏的PPI是109，這表示在每英寸的屏幕上顯示了109個(gè)像素點(diǎn)。斜角長(zhǎng)是25.7英寸（65cm），實(shí)際屏幕的寬度大概是23.5英寸，23.5109約等于2560，因此原始屏幕分辨率就是2560*1440px。

我知道23.5109不是恰好等于2560.實(shí)際上是23. 486238532英寸。要是用每厘米的像素點(diǎn)計(jì)算，會(huì)更加準(zhǔn)確，但是這里你知道就行。