首頁

讓視覺設計變得+有說服力的4個步驟

博博

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

視覺設計有一個天然的困難,因為視覺風格是一個很主觀的感受,所以設計師很難說服領導和其他人認可這種感受。如果恰巧你的設計和需求方的審美一致那都好說,但是如果不一致,那就有設計師好受的了。另外視覺設計也很難被衡量評判,也許團隊都認為設計的不錯,但是有什么客觀的證據去證明這個設計真的就是對的嗎?所以視覺設計師這個職業(yè)上升天然就有一道坎。

但是更可悲的是,我發(fā)現(xiàn)很多設計師并沒有很努力去改進這種狀態(tài),因為長期的壓抑和抱怨,很多設計師更樂忠于學習技巧工具和新的設計風格,而不是對設計方法和設計流程探索研究。設計成果是否能幫助項目不重要,設計的夠不夠屌、能不能拿得出手、能否被同行表揚才是最重要的。

所以我今天想分享一個很古老也很基礎的設計流程,當我們團隊在遇到視覺設計難題的時候,我們往往會試著通過這個方法找到靈感和把方案順暢的推進下去。

為移動端方案設計演示而生的DEMOO使用秘籍

博博

外星來的蘋果:之前提到騰訊出了一款輕便的Demo演示工具,今天這篇文章以全民K歌原型制作為例,介紹從無到有創(chuàng)建一個原型的流程,并在每一個流程中介紹該流程的技巧。

對于每一位設計師的日常工作來說,如何有效闡述自己的方案是非常關鍵的一步,如果只是一張原型圖方案,無論標注得多么清楚,都會有一定的溝通理解成本,所以通常都會需要一個原型demo來幫助大家對方案進行直觀的演示,以此闡明方案的各類細節(jié)、操作體驗等等。為了幫助大家在移動互聯(lián)網時代,快速、簡單地制作原型demo,Demoo應運而生。

Demoo是基于web設計搭建的一款在瀏覽器內進行可視化操作的工具。通過上傳平面稿件,用手勢或觸點熱區(qū)的方式把界面關系連接起來,加入連接轉場,輸出一份仿真APP的、可體驗操作的設計方案,滿足在電腦、會議投影現(xiàn)場及手機上體驗操作。點擊這里可查看更詳細介紹:《為移動端方案設計演示而生的DEMOO》

讀書筆記:給你的色彩重命名——紅色篇

博博

按照chunso的觀點,顏色無所謂美丑,對于顏色的判斷完全是一種主觀的經驗。很多書里都有提到兒童和原色的關系,絕大部分人都認為,設計給兒童的作品必須得是原色,然而,事實證明,兒童其實并非那么喜歡原色,這種錯誤的判斷源自大人眼中的兒童的世界,而非真相。



這本書引導我往下繼續(xù)讀下去就是因為,作者舍棄了舊有的對顏色判斷,給大家打開一扇新的從未觸碰的色彩大門。而設計師要做的,必須排除掉自身受到的社會文化的觀念影響,而從一個全然純真的初生嬰兒的眼光出發(fā)來研究配色。這也和我曾經的一個天馬行空的想象有關,我們真的已經認識了所有的色彩嗎?是否還有些色彩是我們人眼無法觀測出的?因此,我們這篇筆記主要摘錄書中開頭部分——調色板的擴展,色彩的名稱。這是我們了解色彩的開始。

讀書筆記:重命名你的色彩——黃色篇

博博

作為光的顏色,黃色可以作為挽救黯淡色調的救世主,賦予畫面更多活力。另外,黃色是一種最穩(wěn)固的顏色,也就是說,就算是增加它的明度,它也不會偏離本色太遠。



黃色本身的親和氣質讓它又似乎被看作可有可無,作者在書中表達了對“用光很好”的這項設計技能的期待,那就是要花費千軍萬馬之力才能促成的效果。由于光是畫面和色彩得以呈現(xiàn)的前提,因此,黃色必定是畫面的基礎色,尤其是表現(xiàn)自然和現(xiàn)實場景時,黃色的運用就會讓畫面看上去更加自然。


讀書筆記:給你的色彩重命名——橙色篇

博博

與臨近的紅色和黃色相比,橙色看起來似乎不像它們那樣特別。它經常被認為是一種介于紅色和黃色之間的曖昧的色彩。



每種顏色都會有某種情感偏向,但是橙色的情感確是非常曖昧的,它游離在紅色和黃色之間,作為暖色而存在。因此,一種曖昧的暖色的配色技巧必定有我們可以研究的地方。



簡述



橙色的本身所具有的這種曖昧感使得它比紅色更加溫和,比黃色更加老練,即它有一種中性的魅力。換句話說,它可以彌補紅色和黃色的缺陷。因此,在各種商業(yè)設計中,橙色比紅色和黃色應用得更為廣泛。特別是在關于餐飲和商城方面的設計中,橙色被大量運用。而現(xiàn)在也有很多代表著“新生代”的這類創(chuàng)意機構也選擇運用橙色表現(xiàn)他們的年輕活力。

讀書筆記:重命名你的色彩——綠色篇

博博

綠色是一種存在感極強的色彩,很多人都覺得綠色很難與其他色彩搭配,相對來說,它的配色顯得比較單一。我們曾經探討過橙色,由于橙色介于紅色和黃色之間,因此看上去有種曖昧感。而綠色雖然介于藍色與黃色之間,卻與橙色完全不同,綠色的存在感極強,和藍色黃色相近卻擁有完全不同的視覺感受。

讀書筆記:重命名你的色彩——藍色篇

博博



有人說藍色代表憂郁,又有人說藍色象征科技。藍色的原始記憶來自天空的廣闊和大海的深邃。它有涼爽、神秘和寂靜的感覺,同時又能塑造出特別的親和力。



簡述



在很多最愛顏色的民意調查中,藍色都是最受大家喜歡的顏色。能獲得如此高票的喜愛,絕非偶然,而是由于藍色本身擁有最自由又最保守的雙重性格。藍色既能演繹出男性的剛毅和堅定,也能用高明度塑造粉嫩的嬰兒藍。由于藍色屬于冷色調,因此常常作為后退色使用,用于背景的時候較多,但純度和明度都比較高的藍色卻也能用于點睛色。還是讓我們先看看下面這些豐富的藍色吧。

設計思維系列之四:德國波茨坦大學設計思維學院的思維的方法

博博

我也繼續(xù)補充一下。主要是美國和歐洲現(xiàn)在在做design thinking的異同。



全世界有兩所大學的兩個教授,分別是美國和歐洲設計思維領域的泰斗級人物。一位是斯坦福大學設計學院(d.school)創(chuàng)辦人David Kelley教授,一位便是波茨坦大學設計思維學院(d.school)的創(chuàng)辦人Weinberg教授。



Kelley教授也是美國著名創(chuàng)新設計咨詢公司IDEO公司的創(chuàng)始人,當年曾幫喬布斯設計出蘋果公司的第一款鼠標。Weinberg教授以前在德國波茨坦大學是動畫方向的教授。



設計思維之前在跨國公司或創(chuàng)新企業(yè)很流行,現(xiàn)在在美國和歐洲的中小學也流行起來了。成為最近幾年風靡歐美中小學的一種創(chuàng)造力培養(yǎng)方法。孩子們首先通過采訪調研獲得同理心,然后聚焦、頭腦風暴,發(fā)現(xiàn)核心問題,之后動手制作原型,測試,最終呈現(xiàn)自己的“產品”。



我們很幸運,于2013年,少年商學院非常榮幸獲得Kelley教授的認可,和書面授權,向中國青少年推廣和應用設計思維創(chuàng)新實踐教育。



少年商學院線下的設計思維工作坊,目前已在國內六個城市落地。2014年,少年商學院推出“在線互動直播+線下自主實踐”O(jiān)2O模式的項目 “趣課題”,如今已完成了四次迭代,學員遍布全國一二三四線城市,反響非常熱烈。



2015年的8月份,德國的weinberg教授,專程來少年商學院考察。并在公司和我們團隊做了一場分享。講了他在德國d.school倡導Design thinking與斯坦福d.school的異同。

設計思維系列之二:斯坦福大學 Design School Design Thinking的視覺化思考

博博

由于當時我們的項目多數是商業(yè)模式的創(chuàng)新,比較難測試,所以我們采取的方法是請別的組的同學來“體驗”并且點評我們的解決方案。

99c48d9e526324774fae4b9ba4a4d1cb_b.jpg
(2013屆的同學在Pre3,Photo by Tatsuhiro Ohtani,VIA同事)
總的來說,Design Thinking所提倡的Test是通過測試產品原型去重新審視自己的產品,甚至是去完善早前定下來的POV。

以上是關于Design Thinking各步驟的解釋,有興趣的同學可以移步D.School網站提供的Bootcamp Bootleg,基本是在教你什么是Design Thinking,同時介紹了D.School的一些方法:dschool.stanford.edu/wp
———————————————————————————————————————————
除了具體的五步,與一開始所說,Design Thinking的一個特點是視覺化思考,所以整個過程中,在每一個環(huán)節(jié)里我們都有一兩個presentation要做,最基本的是列舉關鍵詞或句子來表達,然后是用畫漫畫的方式來“講故事”,或者用表演的方式來闡述自己的想法:

設計思維系列之一:斯坦福大學 Design School 所倡導的原則和步驟是什么?

博博

藍藍在1月份去了斯坦福大學 Design School ,見到這位白發(fā)蒼蒼的老教授,佩服之至,回來后搜索了一些資料學習和研究設計思維課的內容。

分成幾個文章,分享給大家!

下面為轉載:在講Design Thinking之前,先大概介紹一下Hasso Plattner Institute of Design at Stanford (d.school: Institute of Design at Stanford, 簡稱D.School)。

作為世界領先的設計學院之一,D.School的大名想必每一個喜歡設計的同學都應該有所耳聞。2004年的時候,Stanford的機械工程系教授David Kelley創(chuàng)立了D.School,具體的介紹大家可以移步D.School網站或者維基百科。

7fbcde886583e671edcb5abd1a6c7c13_b.jpg
(D.School一共兩層,這是大堂,一樓主要用于辦公,開會,開講座和辦展覽,二樓主要用于教學,Photo by Yi Zhang,VIA同事)
而值得注意的是,D.School相比于其他設計學院特別的地方有三點:
  • 第一,它在硅谷,與硅谷各種傳奇故事有著千絲萬縷的聯(lián)系。
  • 第二,與斯坦福的商學院關系密切,D.School的同事笑稱:“Stanford商院的同僚在和別家商院的人吹牛的時候都會說,你們做的事情我們都會做,而我們還有D.School,我們會Design Thinking?!?br />
  • 第三,有一套通俗易懂的理論根基作為行為準則,也就是Design Thinking。

好了,鋪墊已夠,進入正文:Design Thinking。
先上結論,Design Thinking是一種思維方式,它有幾個特定的步驟,可以用于不同的項目和人。有個比喻,在我跟別人介紹的時候經常提起:Design Thinking就像一本菜譜,它會告訴你燒菜的步驟,燒的時間等等,但是每個人用它炒出來的東西都不一樣,可以有不同的口味,不同的原料和配料,而跟著這本菜譜仔細做,一般不會做得太難吃。

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔