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

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

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

我們總是這樣說。

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

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

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

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

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

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

01、旋轉(zhuǎn)樣式

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

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

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

Jova

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

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

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

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

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

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

對稱風(fēng)格

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

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

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

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

簡化的4個策略。

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

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

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

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

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

什么是DPI？什么是PPI？

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

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

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

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

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

通過分析蘋果官方在 WWDC 上的演示情況，看見平均每一次用戶與 Watch 的交互操作所耗費(fèi)的時間，在 2 到 5 秒之間。假如你只能從這篇文章中記住一點，那它應(yīng)該是——為用戶提供信息時，要盡可能的快。這一點對于 Watch 來說真的非常非常重要。

1. 優(yōu)化 JPG 圖片

Apple Watch 的用戶通常是在行走過程中，瞥一眼那塊 4 厘米大小的屏幕。所以他們需要的是更快的加載速度，而不是高清圖片。