最近工作關于字體設計的,就把之前的文章和書籍總結起來,文章來自美君同學的公眾號漸入佳境,書籍是劉克兵的《自由“字”在》,解決問題的方法(得到-解題高手)
目錄
字體設計的方法論匯總腦圖
字體設計的具體流程
我的工作實踐和同行反饋
字體設計的方法論匯總腦圖
字體設計具體流程
流程步驟:
1、先確定字體的風格,特點,歸納出可能的字體特征;2、然后做出字體的骨架,做出字體的結構特征,做好基本框架之后;3、再添加創意,字體變形。
在步驟1:定位主觀感受目標,用感覺詞描述,
定位主觀感受目標,用感覺詞描述,來自模擬用戶和客戶的使用場景過程中,推斷他們的產品期待,確定產品體驗目標和感受目標
檢查點:定位的情感能否引起共鳴?情感的表達是否準確到位了?能否引起用戶共鳴?
在步驟2:先確定字體的風格,特點,歸納出可能的字體特征,做出字體骨架結構
根據定位好的主觀感受,先確定字體的風格,特點,歸納出可能的字體特征,構思出,字的粗細,長短,方圓,高矮,特點,然后做出字體的骨架,做出字體的結構特征,做好基本框架之后,
要考慮的五大屬性
1、中宮-松緊:緊湊/舒展;2、重心-高低:高調/穩;3、字重-粗細:厚重/輕盈;4、字面-大小:字體各個筆畫的邊框大小,需要統一;5、字懷(留白、負形)-大小:密集/透氣通透
做字體結構的時候,要對這五種屬性確定特征,協調統一,字才看得舒服,自然,傳達統一的情感吧。
技巧:
1)有描邊變細的方法,也是一種設計方式,讓字體更干凈利落,
2)有長方形做字的方法,適合表現力量感
3)有鋼筆畫的方法,再弄描邊,適合可愛、輕松風格的。
4)有連字法,更整體和流暢,更能有表義的空間,更延展壁畫,更有張力、畫面感
5)刪減法
檢查點:文字字形結構各個屬性是否平衡,視覺感受是否統一?、
在步驟3:創意點睛,圖形創意
1)有置換法
2) 畫筆裝飾(詳情看上面的腦圖)
檢查點:圖形創意是否準確?存不存在歧義?是否影響閱讀?
好的字體設計標準
1、表達字義——有目的有功能;
2、協調一致,適度靈活,有設計的節奏感(字體的節奏感是不是,筆畫與筆畫之間大小長度比例);
3、易于辨識。
還有檢查細節
1. 情感的表達是否準確到位了?能否引起用戶共鳴?
2. 文字字形結構各個屬性是否平衡,視覺感受是否統一?(比如:負空間、筆畫統一)
3. 圖形創意是否準確?存不存在歧義?是否影響閱讀?
然后自己做的練習:第一版,發到行業群找建議,第一張只有字,被經驗豐富的同行說看不到整體環境(用在什么地方),然后發了整體的一張,告知手機端H5頁面, 然后被整體有些有些頭重腳輕,對于頭圖,說是線太多,主體太散了,還有太像新聞聯播CCTV了。
后面改了一下,把標題的字放大了,線去掉了一下,給老大看,說是沒什么感覺,對于一些裝飾的總覺得多余,讓我把Q學友都去掉,和輻射圈圈曲調,說是是logo能說明的也不多。
最后改的一般版:再問一個同行,讓我再比照字體的標準,負空間,筆畫統一,讓我對比一下,感覺如果要算上負空間的比例要變化的就多了,
回去再看了一下劉克兵字體的書,說是刪減筆畫和連筆的結合使用,可以使字體更連貫,三條線交匯不如兩條線交匯和把一條線弄斷比較舒服,然后我就把“家”字兩條斜線給弄斷了,嘗試了把家字的一橫分開,但看起來不舒服,感覺這個橫的方向太瑣碎了,不整體。
后面又問了經常做字體的老孟,被提醒到,字體的負空間和筆劃的統一需要注意,一些字體的結構屬性需要調整....然后感覺要修改的可能很多啊...
還被提醒到,我的目標用戶是誰,他們為什么要用我們的產品,我們需要傳達出相關的利益點,直播而不只是開始接受到的說“高大上”的感覺,一般說高大上的是沒有想法才這么說,我得自己確定好,客戶是誰,我有什么服務可以提供,要做對的設計而不是空洞的設計。客戶需要的氣質通常也是用戶的氣質,對方真的需要科技感嗎...我正在糾結...準備把直播主要功能點放上去傳播大使、云剪輯。