從美工到設(shè)計師你只差這一步

產(chǎn)品就好比是一個人,要有自己的氣質(zhì)和特點,這一點非常重要。依靠的是什么?品味。而品味體現(xiàn)在一個產(chǎn)品的方方面面,不僅僅是界面,logo,網(wǎng)站,也包括廣告、視頻甚至產(chǎn)品理念等方方面面。

我們說蘋果的東西很蘋果,微軟的東西很微軟,那么什么是蘋果的東西,這個就是它的氣質(zhì),也是它的設(shè)計語言。其公司的氣質(zhì)和產(chǎn)品的氣質(zhì)也是一致的。

視覺設(shè)計涉及到新產(chǎn)品中的每一個界面,要做的就是把它們之間的關(guān)系處理好, 我們可以稱之為排版設(shè)計。比方說,我們經(jīng)??磮蠹?,報紙的設(shè)計就是排版設(shè)計,每個版面上有大小尺寸的標(biāo)題,以此讓讀者理解哪條新聞最重要哪條次要,哪條是編輯最希望吸引讀者注意的。

視覺設(shè)計師在設(shè)備上設(shè)計遵循著相同的道理,比如手機,現(xiàn)在的手機已經(jīng)成為一個五花八門信息的載體,我們要做的工作就是梳理信息,重新組織它們,用一個簡潔的,有組織有條理的方式展現(xiàn)在用戶面前。并且視覺設(shè)計也要考慮到實用性,報紙上單純的閱讀體驗與電子設(shè)備上可點擊的操作體驗不同,滿足兩者的視覺設(shè)計一定也是不同的。

從另一個層面來說,也就是視覺設(shè)計的最終目標(biāo),賦予產(chǎn)品氣質(zhì)。什么是氣質(zhì)?如果我們夸獎一個人有氣質(zhì),是對他身上洋溢出的個性風(fēng)格的贊賞,并且更是在夸獎這個人擁有一個與他的外表一樣美好的內(nèi)涵。那什么是產(chǎn)品的氣質(zhì)?同樣的道理,這個產(chǎn)品傳達了一種個性,或宣揚了一種理念,而且與它的設(shè)計語言交相呼應(yīng),協(xié)調(diào)統(tǒng)一。最顯而易見的例子,蘋果或微軟,只要一眼就能認出是它的產(chǎn)品,因為視覺與產(chǎn)品的性格精神是相一致的。設(shè)計一個界面其實并不只是做一個界面,而是需要考慮到它 的品牌,風(fēng)格,和其它產(chǎn)品線的統(tǒng)一,等等。

1、什么是視覺設(shè)計

視覺設(shè)計不應(yīng)該只是簡單的視覺加工,而是對設(shè)計目的理解的前提下對信息綜合再加工的過程。這個過程包括了信息收集、分析、消化、重組、升華,最后才到具體形式的表現(xiàn)。

2、視覺設(shè)計流程

科學(xué)的設(shè)計流程和方法能夠從品牌價值出發(fā),嘗試各種可能性的同時,找出最符合品牌氣質(zhì)的視覺元素并保持它們之間的一致性。也能夠大大避免最終產(chǎn)出與項目起始定義因不同因素而產(chǎn)生的落差。

沉浸——充分理解需求(產(chǎn)品功能邏輯、概念模型、交互方式等)與限制是設(shè)計的前提,良好的溝通是推進項目的利器。

定義——了解不同終端的設(shè)計差異性。學(xué)會做競品分析,明確產(chǎn)品面向的年齡層次及想表達的用戶情感。

探索(發(fā)散)

建立關(guān)鍵詞 - 我們從產(chǎn)品和自己的觀察,還有頭腦風(fēng)暴的過程中得到的關(guān)鍵詞都非常的珍貴,它們是一份視覺設(shè)計的種子,沒有他們我們會變得沒有任何想法。關(guān)鍵詞之間的“社交”帶來更多的創(chuàng)造力。

大量收集 - 可以通過之前的聯(lián)想與討論,得到的一些關(guān)鍵詞來幫助收集素材,收集也是需要注意一些技巧的。請注意以下常見的:顏色、形狀、質(zhì)感、隱喻。衡量什么圖片是有用的什么是無用的,就是我們之前總結(jié)的眾多關(guān)鍵詞。

提取關(guān)鍵元素 - 如何開始一份視覺設(shè)計,我們要從所收集的inspiration提取出貫穿整套視覺風(fēng)格的關(guān)鍵元素。當(dāng)選擇任何一點開始進行設(shè)計時,其余的關(guān)鍵詞都與你連接在一起。顏色、形狀、重點信息、硬件、隱喻、標(biāo)準(zhǔn)化、科技、功能特性。注意他們的關(guān)聯(lián)性!

情緒板 - 設(shè)計情緒板是在出產(chǎn)品原型之前的重要階段,它能快速驗證視覺風(fēng)格與設(shè)計目標(biāo)之間的匹配程度。同時能夠確保項目成員對該風(fēng)格的認知程度處在統(tǒng)一水平線上。一個項目也可能會有多個情緒板。

聚焦——從探索到聚焦是個循環(huán)的過程,在開始具體設(shè)計階段之前要確定風(fēng)格方向,與產(chǎn)品及項目成員達成共識。反之,則以此往復(fù)again,again and again…

控件設(shè)計——控件是一切產(chǎn)品設(shè)計的根本,了解控件的使用方式及不同交互方式是每個設(shè)計師必修的課程。而有了之前的“鋪墊”,現(xiàn)在要做的就是從控件開始把確定后的風(fēng)格push下去。這個階段也可能會繼續(xù)again...

迭代找到最佳——把控件應(yīng)用到具體界面是有g(shù)ap的,這里要考慮的因素就不只是視覺風(fēng)格的問題。有Interaction,Usability,Information,F(xiàn)rist time experience 等一系列的因素要綜合去考慮,可能還會有一些商業(yè)因素和技術(shù)實現(xiàn)的問題。這里我們要做的就是保持耐心依舊again...

當(dāng)完成key screen之后就是開始“標(biāo)準(zhǔn)化”的過程,但“標(biāo)準(zhǔn)化”不意味著生搬硬套。將貫穿性元素impact到每個界面的同時還要繼續(xù)嘗試一些具體表現(xiàn)的可能性,使之產(chǎn)生更“自然”的化學(xué)反應(yīng)。

優(yōu)秀的視覺設(shè)計依靠的不單單是視覺表現(xiàn)的能力,其中的key point在于是否站在用戶的角度用系統(tǒng)性的思維來詮釋品牌、藝術(shù)及產(chǎn)品之間的平衡。

3、由設(shè)計隱喻驅(qū)動表現(xiàn)形式

產(chǎn)品迭代就好比一盆精美的花藝,插花師嘗試豐富鮮花組合的同時不斷剪去那些冗余的細節(jié),使鮮花最精華部分得到更充分生長與展現(xiàn)。設(shè)計也同樣如此,而其中設(shè)計隱喻個人認為是建立整體設(shè)計基因的基石。

本文作者:朱贊 Praise Zhu (點融黑幫),曾任職于eico,唐碩用戶體驗咨詢等國內(nèi)知名體驗設(shè)計公司,服務(wù)包括Nokia,Microsoft,Lenovo,Samsung,E人E本,通用汽車等國內(nèi)外客戶。在移動設(shè)備、智能家居領(lǐng)域有豐富設(shè)計經(jīng)驗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,765評論 25 709
  • 本書講了什么 本書共三部分,全面講解了用戶體驗設(shè)計的流程和方法。 作者什么來頭 搜狐新聞客戶端UED團隊,隸屬于搜...
    少穻閱讀 2,550評論 2 20
  • 十斤被逮著的時候,正坐在客廳的沙發(fā)上和媽媽打電話。他向進門的王局?jǐn)[了擺手,又沖著開門的老婆點了點頭,嘟囔了幾句后他...
    王光翟閱讀 372評論 0 2
  • 題記:多年以后,安香雪看到周圍的年輕人小小年紀(jì)就知道自己要什么,并直奔目標(biāo)而去,多少有些羨慕,相比之下,自己當(dāng)初就...
    握瑜閱讀 284評論 0 2

友情鏈接更多精彩內(nèi)容