設計師接到需求后,如何做切入?

sky
0 評論 7517 瀏覽 18 收藏 14 分鐘

編輯導語:設計師在接到設計需求的時候,先別忙著動手開始設計,可以先挖掘設計的問題,再通過視覺自查表進行關鍵詞的發散設計。作者從以下四個方面進行切入,我們一起來看看吧。

一、用自查表挖掘視覺問題

做任何事情都應該有一個思路,發現問題,解決問題。那么在做改版之前第一步也是挖掘現有頁面的問題。怎么去挖掘?

這里分享一個我之前寫過的公式,這里和大家簡單的再分享下這個公式,希望能幫助你更好的自查出設計問題。

這套模板基本覆蓋了品牌設計、UI設計、創意設計,我們怎么去看?

  • 圖形:造型/細節/透視/線條/質感/使用環境
  • 色彩:平衡/人群/情感/干凈/行業/明暗關系
  • 字體:字重/線條/比例/襯線/識別度/字距
  • 構成:對稱/空間/主次/重復/秩序/放射
  • 質感:細膩/層次/呼吸/通透/輕重/高級
  • 創新:寓意/品牌/調性/感動/情緒/沖擊

我們來看看如何在日常工作中,通過這個公式來指導我們的設計!下面是我從網上隨便找到的一些案例,沒有任何的惡意,只是交流使用。

比如這個設計,我們用這個自查表來看看:

  • 圖形:細節不夠細致,還可以提升
  • 色彩:背景的高斯模糊和卡片的設計顏色不夠干凈不夠協調
  • 字體:卡面字體識別度不夠,數字基本看不清楚
  • 構成:構圖的空間不夠平衡,上下過松,卡片過緊
  • 質感:不夠高級,風格比較成就,有山寨感

你會發現,我們通過這個表格去對照,或者去指導別人的設計,就會顯得很合理,我們的建議也非常的專業,當然前提你必須對審美有很好的理解!

我們繼續按照這個表格來找問題:

  • 圖形:六變形,圓形,各種異形整體特別混亂
  • 色彩:沒有主色調,橙色,綠色,黑色比例沒有主次,灰色深
  • 字體:圖片上字體導致圖片看不清楚,按鈕看著像不可以點
  • 構成:很亂,元素到處飄著不知道看哪里
  • 質感:不夠細膩,舊
  • 創新:品牌感完全沒有體現

來看看一個實際案例:

這是當時我負責的項目余額寶和黃金頁面,我們一直想優化線上的數字字體,因為在金融產品中,數字是出現頻率最多的。當時我們線上字體采用的helvetica neue字體,這個字體是一款非常經典的字體,他的優點非常多,很正式很官方。

在支付寶場景中會有一些問題,比如字體比較款,特別是在這個頁面大數字展示時候有點粗糙,文字過寬,閱讀時候易用性不夠精致。

在金融產品中數字需要保證可閱讀的同時還最好有一些設計感。因此這個字體不是特別合適,需要去優化,那么我們第一步就完成了,挖掘出設計問題。

二、確定設計關鍵詞

因為支付寶屬于一款金融產品,整體希望傳遞給用戶的氣質是方便快捷,因此和產品,品牌一起討論,我們一起得出來這三個設計關鍵詞:方便快捷,清晰直觀,安全專業。

方便快捷對于字體的選擇必須是無修飾,無襯線提,線條比較簡潔、不需要有過多的元素在里面。

那么清晰直觀就好理解了,必須文字大字號小字號上面的閱讀性,同時字體的識別性要好。特別是數字的1和7的識別性,以及數字0和O放在一起的識別性。

安全專業,毋庸置疑,支付寶產品在用戶心中的心智,所以這個字體必須很有份量。字體比較平衡,字體比較有節奏有規律。

那么通過關鍵詞的確定,明確設計理念,就可以到第三步進行設計思考,在競品基礎上去思考。

三、競品基礎上去思考

阿里有句話叫做「當你不知道怎么做的時候,先去看看別人怎么做的,不要悶頭想,多去看看優秀設計案例」,所以做任何設計之前,沒有靈感的時候去看看業內標準案例。

于是我們調研了一些產品。那么我們做金融設計或者電商設計,數字字體到底用哪幾個呢?在選擇之前,我們先來看看互聯網公司都在使用哪些字體。

蘋果系統:使用的舊金山字體SanFrancisco? ? 微信:DIN的字體基礎上微調

招商用戶:DIN字體? ?京東金融:DIN的字體,重新進行了設計

百度金融:DIN字體基礎上調整6.9? 支付寶:蘋果原生Helvetica Neue

富途:蘋果原生Helvetica Neue? 韓國SSG:蘋果原生Helvetica Neue

所以通過以上簡單調研,我們不難發現,現在國內外大多數金融產品數字字體都是運用蘋果自帶數字字體,以及Din這個字體基礎上調整,那么為什么Din這個字體這么受設計師喜愛呢?

1. Din故事

DIN是德國標準協會,Deutsches Institut für Normung的首字母縮寫。

1975年起,德國政府把DIN作為國家標準體系,DIN標準在國際和歐洲范圍內被廣泛使用,并代表德國的利益。DIN字體算是?文字體中的另類。它不僅僅是一款字體,更屬于一個龐大的國家標準體系,代表了一種把簡單的解決辦法標準化的思想。

在德國公路指示牌,以及機場、地圖里面,大多數運用Din字體作為引導字體。

在很多雜志包裝中,也可?大量Din字體的運用,德國人的嚴謹在這個字體中體現的淋漓極致!

缺陷:前面我們說了DIN在公路以及雜志、平面設計中用的很多,但是直接拿到互聯網APP設計中各種復雜的場景,DIN就沒有那么的完美,如圖中,4的開頭較大,以及5、6字體的圓形不夠一致,7縮小后識別度問題。

所以很多公司都會基于這些問題進行二次設計,這也是前面競品分析里面提到,為什么微信,京東,百度會在這個基礎上再設計的原因。

四、競品基礎上去做創新

Din字體當然也不是完美的,比如4的開頭比較大,5的字重比其它的大,太活潑了。7的部分縮小時候無法識別。0的部分弧線拼接過于硬。因此需要在這個基礎上去調整,修改一個新的字體。

2. DIN基礎上微創新

然后字體設計師同學,在Din這個數字基礎上進行了優化,重點優化了前面說的問題,比如4和7還有0的弧度,整體優化后效果非常的不錯。

優化后的整體效果對比,很明顯新的字體效果更清晰,更加有硬朗穩重感。

整體的效果就非常清晰,同時也解決了大家都用DIN的尷尬,同時也有了創新,設計師還原創了字體,也避免了一些版權問題。以上就是內部設計專家做一個小的方案使用的方法。

不難發現,越高級的設計師,設計方法和方案會更加系統化,設計思路也會更加的清晰。

五、最后

最后,我們來回顧下今天的設計知識點,拿到一個需求先不要著急做,先去挖掘設計的問題,可以通過視覺自查表,然后根據問題去確定設計關鍵詞,根據關鍵詞去做視覺發散,然后再在競品基礎上去思考差異化創新。希望可以幫助到大家。

#專欄作家#

Sky,微信公眾號:我們的設計日記(ID:helloskys),人人都是產品經理專欄作家。原支付寶體驗設計專家,阿里巴巴天貓設計專家;10年知名互聯網公司設計經驗,對于產品從0到1、品牌定位、金融產品、設計規范、運營規范、大促等有豐富實戰經驗。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自?Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!