產(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)驗。