顯示具有 設計 標籤的文章。 顯示所有文章
顯示具有 設計 標籤的文章。 顯示所有文章

2013年5月13日 星期一

網路色彩心理學——為什麼Facebook是藍色而Yahoo是紫色的?

文章來自 產品和設計看過來:互聯網的色彩心理學


為什麼 Facebook 是藍色的——從最初到最新的版本,幾經設計更迭,始終不變的主色調都是藍色?
答案其實很簡單,根據《紐約客》的一次採訪,Facebook 創辦人 Mark Zuckerberg 其實是一個紅綠色盲,他只能分辨出藍色:「藍色對我來說是色彩最豐富的顏色。」
上圖為 Facebook 最初始的設計界面,那時候它還叫做 thefacebook.com。當時,想要在上面開個帳號必須有一個以 .edu(哈佛大學)結尾的電子信箱才行。
無心插柳也好,有意栽培也好,色彩往往能夠體現網路品牌的創辦人的審美和喜好,而設計師對於色彩的挑選和取捨,也是完成作品中的必備環節。
YouTube 設計師 Marc Hemeon 就曾收集了 18 組流行網站或產品的按鈕設計色彩,用來評估和調查色彩對於使用者心理的影響:
對應網站或產品的謎底如下:
1、Google
2、Twitter
3、Facebook
4、Microsoft
5、Pinterest
6、Yahoo
7、Instagram
8、Flickr
9、Spotify
10、Rdio
11、Svbtle
12、Medium
13、Basecamp
14、Square
15、Amazon
16、Quora
17、LinkedIn
18、Path
大部分網站或產品的按鈕色彩都不會超過 3 種,指向「動作」的按鈕應當統一為同一種顏色,比如 Google 的「搜尋」按鈕是藍色,而 Twitter 的「註冊」按鈕則是明亮的黃色。
社群分享工具 Buffer 的共同創辦人 Leo Widrich 在 Blog 上補充了關於色彩的一些觀點,摘錄部分內容如下:
色彩能夠幫助品牌極為簡易的建立用戶認知:
灰色:象徵冷靜、中立;(蘋果、維基百科、紐約時報……)
綠色:象徵健康、生命;(BP 石油、食品超市 whole foods、星巴克……)
藍色:象徵可靠、力量;(戴爾、大眾汽車、IBM……)
紫色:象徵智慧、想像;(Yahoo、T-Mobile、科幻主題電視台 Syfy……)
紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)
橙色:象徵歡樂、信任;(芬達、亞馬遜、Firefox……)
黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)
站在消費者角度,色彩也能夠在理解和決策階段起到一定的影響作用:
黃色:吸引注意力的購物窗口;
紅色:刺激心血的緊迫感,常出現在清倉場景;
藍色:多用於銀行和商業機構裡,強調安全;
綠色:讓人聯想到富裕和輕鬆,緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調,能夠理解原因了吧)
橙色:呼叫意味濃厚,用於創建下訂、購買、出售的行動;
粉色:服務於女性和年輕女孩的浪漫色調;
黑色:奢侈品的最佳匹配;
紫色:給人舒緩平靜的感受,常被美容及抗衰老產品使用;
男性和女性對於色彩的喜好度有所偏差:
企業分析服務公司 KISSmetrics 的調查報告顯示(這份報告主要用於建議 App 產品的創業者在產品設計上的策略)——
女性喜愛的色彩:​​藍色、紫色和綠色;
女性討厭的色彩:橙色、棕色和灰色;
男性喜愛的色彩:​​藍色、綠色和黑色;
男性討厭的色彩:褐色、橙色和紫色;
色彩能夠決定轉​​化率的差距:
美國數位行銷公司 Hubspot 曾經做過一場 A/B Testing,用於測試不同顏色對於使用者點擊轉化造成的差異——
左右兩個測試顏面在內容上完全一致,唯一不同的是按鈕的顏色,在超過 2000 人次的樣本測試中,最終紅色方案的點擊率超過綠色方案的點擊率足足 21%。
而在測試之前,大部分的研究員都猜測綠色方案會獲得更高的點擊,因為就直覺而言,綠色代表著通行、准許通過的意思,而紅色則更傾向於警告、阻止意味。
最後,為什麼 Html 語言裡超鏈接的默認顏色是藍色的?
因為藍色是從灰色底色中脫穎而出的最佳色調。
這個決定是由 Tim Berners-Lee——全球資訊網的發明者做出的。在他那個年代,網路的第一代瀏覽器 Mosaic 顯示的網頁底色通常都是灰底黑字,為了讓超文本連結能夠更方便識別,Tim Berners-Lee 將超連結定義為藍色並帶有底線的文字。

2012年1月5日 星期四

2010年12月29日 星期三

《未完成的宣言》

1988年,Bruce Mau的公司正值成長期和改變的時代。
他應多倫多一家文學出版社的邀請,寫了這篇《未完成的宣言》,解答許多問題,說明設計工作室是如何運作,或者應當如何運作,還有他的信仰、動機和策略。

來源:《How to grow as a graphic designer;頂尖設計師的自我經營學》p.236


1. 容許事件改變你。Allow events to change you.

You have to be willing to grow. Growth is different from something that happens to you. You produce it. You live it. The prerequisites for growth: the openness to experience events and the willingness to be changed by them.

2. 別老想著"有益"這件事。Forget about good.

Good is a known quantity. Good is what we all agree on. Growth is not necessarily good. Growth is an exploration of unlit recesses that may or may not yield to our research. As long as you stick to good you'll never have real growth.

3. 過程重於結果。Process is more important than outcome.

When the outcome drives the process we will only ever go to where we've already been. If process drives outcome we may not know where we’re going, but we will know we want to be there.

4. 熱愛實驗(就像它們是你的丑孩子一樣)Love your experiments (as you would an ugly child).

Joy is the engine of growth. Exploit the liberty in casting your work as beautiful experiments, iterations, attempts, trials, and errors. Take the long view and allow yourself the fun of failure every day.

5. 深入。Go deep.

The deeper you go the more likely you will discover something of value.

6. ?忽視“偶然”。Capture accidents.

The wrong answer is the right answer in search of a different question. Collect wrong answers as part of the process. Ask different questions.

7. 用功學習。Study.

A studio is a place of study. Use the necessity of production as an excuse to study. Everyone will benefit.

8. 讓自己漂浮。Drift.

Allow yourself to wander aimlessly. Explore adjacencies. Lack judgment. Postpone criticism.

9. 準備好隨時開始。Begin anywhere.

John Cage tells us that not knowing where to begin is a common form of paralysis. His advice: begin anywhere.

10. 每個人都是領導者。Everyone is a leader.

Growth happens. Whenever it does, allow it to emerge. Learn to follow when it makes sense. Let anyone lead.

11.採收(編輯)點子。Harvest ideas.

Edit applications. Ideas need a dynamic, fluid, generous environment to sustain life. Applications, on the other hand, benefit from critical rigor. Produce a high ratio of ideas to applications.

12. 持續前進。Keep moving.

The market and its operations have a tendency to reinforce success. Resist it. Allow failure and migration to be part of your practice.

13. 慢下來。Slow down.

Desynchronize from standard time frames and surprising opportunities may present themselves.

14. 別裝酷。Don’t be cool.

Cool is conservative fear dressed in black. Free yourself from limits of this sort.

15. 問點笨問題。Ask stupid questions.

Growth is fueled by desire and innocence. Assess the answer, not the question. Imagine learning throughout your life at the rate of an infant.

16. 合作。Collaborate.

The space between people working together is filled with conflict, friction, strife, exhilaration, delight, and vast creative potential.

17. ____________________。故意留點空白

Intentionally left blank. Allow space for the ideas you haven’t had yet, and for the ideas of others.

18. 熬夜。Stay up late.

Strange things happen when you’ve gone too far, been up too long, worked too hard, and you're separated from the rest of the world.

19. 運用比喻(形象化工作)。Work the metaphor.

Every object has the capacity to stand for something other than what is apparent. Work on what it stands for.

20.小心風險。Be careful to take risks.

Time is genetic. Today is the child of yesterday and the parent of tomorrow. The work you produce today will create your future.

21. 重複去做。Repeat yourself.

If you like it, do it again. If you don’t like it, do it again.

22. 製造自己的工具。Make your own tools.

Hybridize your tools in order to build unique things. Even simple tools that are your own can yield entirely new avenues of exploration. Remember, tools amplify our capacities, so even a small tool can make a big difference.

23. 站在別人的肩膀上。Stand on someone’s shoulders.

You can travel farther carried on the accomplishments of those who came before you. And the view is so much better.

24. 避免軟體。Avoid software.

The problem with software is that everyone has it.

25. 不要清你的桌子。Don’t clean your desk.

You might find something in the morning that you can’t see tonight.

26. 不要參加比賽。Don’t enter awards competitions.

Just don’t. It’s not good for you.

27. 留一半給腦袋思考。Read only left-hand pages.

Marshall McLuhan did this. By decreasing the amount of information, we leave room for what he called our "noodle."

28. 創造新字。Make new words.

Expand the lexicon. The new conditions demand a new way of thinking. The thinking demands new forms of expression. The expression generates new conditions.

29. 去想。Think with your mind.

Forget technology. Creativity is not device-dependent.

30. 組織=自由。Organization = Liberty.

Real innovation in design, or any other field, happens in context. That context is usually some form of cooperatively managed enterprise. Frank Gehry, for instance, is only able to realize Bilbao because his studio can deliver it on budget. The myth of a split between "creatives" and "suits" is what Leonard Cohen calls a 'charming artifact of the past.'

31. 別借錢。Don’t borrow money.

Once again, Frank Gehry’s advice. By maintaining financial control, we maintain creative control. It’s not exactly rocket science, but it’s surprising how hard it is to maintain this discipline, and how many have failed.

32. 用心聽。Listen carefully.

Every collaborator who enters our orbit brings with him or her a world more strange and complex than any we could ever hope to imagine. By listening to the details and the subtlety of their needs, desires, or ambitions, we fold their world onto our own. Neither party will ever be the same.

33. 田野調查。Take field trips.

The bandwidth of the world is greater than that of your TV set, or the Internet, or even a totally immersive, interactive, dynamically rendered, object-oriented, real-time, computer graphic–simulated environment.

34. 多點犯錯。Make mistakes faster.

This isn’t my idea – I borrowed it. I think it belongs to Andy Grove.

35. 模仿。Imitate.

Don’t be shy about it. Try to get as close as you can. You'll never get all the way, and the separation might be truly remarkable. We have only to look to Richard Hamilton and his version of Marcel Duchamp’s large glass to see how rich, discredited, and underused imitation is as a technique.

36. 擬聲唱歌。Scat.

When you forget the words, do what Ella did: make up something else ... but not words.

37. 弄斷它,拉扯它,彎曲它,壓扁它,撞裂它,摺疊它。Break it, stretch it, bend it, crush it, crack it, fold it.

38. 探索另一面。Explore the other edge.

Great liberty exists when we avoid trying to run with the technological pack. We can’t find the leading edge because it’s trampled underfoot. Try using old-tech equipment made obsolete by an economic cycle but still rich with potential.

39. 成長有時是出現在稱為"等待區"(休息)的時間裡。Coffee breaks, cab rides, green rooms.

Real growth often happens outside of where we intend it to, in the interstitial spaces – what Dr. Seuss calls "the waiting place." Hans Ulrich Obrist once organized a science and art conference with all of the infrastructure of a conference – the parties, chats, lunches, airport arrivals – but with no actual conference. Apparently it was hugely successful and spawned many ongoing collaborations.

40. 超越框架。Avoid fields.

Jump fences. Disciplinary boundaries and regulatory regimes are attempts to control the wilding of creative life. They are often understandable efforts to order what are manifold, complex, evolutionary processes. Our job is to jump the fences and cross the fields.

41. 大笑。Laugh.

People visiting the studio often comment on how much we laugh. Since I've become aware of this, I use it as a barometer of how comfortably we are expressing ourselves.

42. 記得。Remember.

Growth is only possible as a product of history. Without memory, innovation is merely novelty. History gives growth a direction. But a memory is never perfect. Every memory is a degraded or composite image of a previous moment or event. That’s what makes us aware of its quality as a past and not a present. It means that every memory is new, a partial construct different from its source, and, as such, a potential for growth itself.

43. 釋放權力。Power to the people.

Play can only happen when people feel they have control over their lives. We can't be free agents if we’re not free.