微信开发者工具 wxmi修改模版颜色_Logo设计模版与设计管理
做Logo模版對設計師來說是惡意的,但對設計管理者來說,這是一種提升效率的方式。
本來這篇文章很早就寫好了,但最近聽過黑一烊、洪衛的講座過后,我覺得我是挺失敗的,用一種機械化的工具達到了效能上的提升,但設計的深度和創意可能就受到限制了。
但這篇文章在設計內容的存檔和分享方面還是有一些自己的思考。
拋出這篇文章,如果大家有更好的方法,或想直接吐槽,那也歡迎。
一、問題拋出
在當前公司的logo設計和使用過程中會遇到以下幾種情景。
【1】場景一(設計使用)
公司目前有很多條產品線,不同產品線由不同設計師負責,他們各自設計產品的logo。
問題:
- 沒有將文件進行合理歸檔,花費了搜索時間。
- 對外輸出物和源文件沒有很好的區分。
- logo制作不規范,對接出現問題。
【2】場景二(業務方需求)
問題:
- 簡單事情反復做,花費時間。
- 個性化的導出圖片工作,花費時間。
【3】場景三(logo更新)
問題:
- logo變更沒有進行公告,文件沒有及時更新,導致視覺不統一。
這三個場景都是正式工作中發生的事情,雖然logo設計和使用是工作中很少的一部分,但由于沒有高效的工作方法導致了生產力的流失。
二、問題總結
以上場景中的問題,可以歸為兩類,效率的問題和規范的問題。
效率的問題
簡單反復的事情。人事、行政、產品等各需求方向設計要設計資源,如果將這些設計資源全部匯總到一起,并給出普適性的解決方案,讓需求方按需所取,這樣就減少了設計的參與,減少了設計的工作量。
個性化的需求。如果能通過讓需求方增加少量的學習成本就能自我解決問題,這樣不但可以節省設計的工作量,同時也可以減少雙方溝通的成本。
規范的問題
圖形繪制規范。需要向設計組組員強調logo繪制的規范性,將一些基本的logo繪制原則進行講解,減少不規范制圖情況的出現。
- 文字轉曲。如果對外輸出源文件,一定要保證最終效果圖中的文字轉換為曲線,即便使用免費可商用字體,對方也可能沒有該字體,導致最終顯示問題。
- 安全距離。為確保品牌標志可以在所有應用中被清晰識別,標志周圍需預留一定的安全不可侵犯區域。此區域相當于標志在運用時,與其他設計元素或文本內容所應保持的最小距離。
- 排版種類。有時候在設計logo時,會忽略圖形與文字的排版種類,例如橫排、豎排、單色、反白等,如果一次性考慮完全這些內容,那就會減少設計師后期的維護成本。
存檔規范像交互稿的存檔我們之前定義了一些規則,提供一個線上可閱讀版本對外,方便開發、產品閱讀,并保證線上版本是最新的設計稿。設計師做完一個版本,需要及時將源文件進行線上存檔,防止文件丟失,也方便其他設計師下載。
- 線上版本。線上版本應滿足需求方快速定位logo,并選擇相應的排版樣式進行下載。需提供透明背景Png且尺寸不能過小,另提供SVG格式滿足更大尺寸的需求。
- 源文件。源文件需要記錄設計過程,一是可以讓其他設計師學習設計的思路,二是在版權爭論上能提供證據。源文件中最終效果圖畫板要明確標識,防止其他設計師誤用。
三、 問題解決
Logo模版
logo設計模版在繪制許多logo后,我們將logo中的元素進行抽象,包括:
這四種元素在一個logo中可能不是全部存在,但模版會覆蓋所有的情況,使用的時候將不需要的情況刪除即可。
這四種元素結合排版方式,并結合通常設計需求,可能出現的情況如下:
- 純圖形
橫排
- 圖形+中文標題
- 圖形+英文標題
- 圖形+中文標題(主要)+英文標題
- 圖形+中文標題+宣傳標語
- 圖形+英文標題+宣傳標語
豎排
- 圖形+中文標題
- 圖形+英文標題
- 圖形+中文標題+宣傳標語
- 圖形+英文標題+宣傳標語
每種排列方式又會有不同的使用環境要求,包括彩色白底、彩色黑底、反白、單色等。
當然其中可能并不能覆蓋所有的情況,這時候就需要設計師自行去進行增刪。
logo模版的用途
logo模版一方面可以規范設計師的設計,另一方面對外輸出的時候也能彰顯設計師的系統性。
Logo模版的使用
logo模版是用來規范對外輸出的成果的,而不是用來繪制logo的,如果直接使用logo模版來繪制,反而會束縛設計師的思維空間。所以,設計師應該在其他空白畫板中繪制完成logo后,再將logo按照模版進行排列。
繪制logo過程中,可以拿模版去驗證自己logo的普適性,在各種情況是否都能很好的展示,例如:
logo釋義
可以填寫一點簡短logo設計說明,闡述logo設計的思考過程。
文字字體
字體使用需要確定是否已購買相應的字體版權。如果基于某款字體進行修改,需要參照該字體的版權定義,進行相應幅度的修改。記錄文字變形前的字體,可以幫助其他設計師做一些參考。
智能模版 Symbol
因為logo中的元素是確定的,輸出多種組合只是修改其中元素的顏色、大小、元素之間的間距等,所以我們將這些元素定義成為Symobol,只要修改Symbol,其他相關聯的元素都會發生變化。
自適應間距 Padding
每個logo中元素的長寬可能不一致,這時候就需要設計師去對每個組合做一些調整,保證padding的一致性。模版中,每個元素組合都做成了自適應的方式,橫向伸縮不會影響其中元素的比例,同時也不會影響元素間的間距。
自定義 As you like
模版中的間距和尺寸大小只是一個參考值。
如果你覺得外邊距過大,你可以縮小,但模版的樣式還是需要保持一致。如果你的圖形元素不是一個正方、正圓,而是一個矮方,那你就需要自己去調整右側文字元素的高度。如果你的圖形元素不是一個正方、正圓,而是一個高方,那你就需要去調整右側文字與左側圖形的間距。如果你的項目組強調英文和中文一樣重要,那兩者的字號大小可能需要調整。
所以,logo模版只是規范設計的一個參考,并不是用來直接套用的。但如果要輸出這么多種樣式組合本身需要花費很多時間,模版的智能性可以減少你一部分的工作量。
存檔
當設計師完成logo制作,需要將logo拆解到模版中,并修改Symobol和Symbol畫板名稱,輸出不同種類的組合。在Sketch中完成logo模版后,需要將該模版上傳到藍湖中,藍湖項目為《趣鏈logo匯總》。
同時,需要將logo設計的過程放入到logo模版Sketch文件中,將此Sketch文件重命名為該logo的名稱《XX_logo》,上傳到Teambition -> 設計組T-Thoughts -> 公司視覺工作匯總 -> 《趣鏈logo匯總》文檔中。需要記錄logo名稱、上傳時間、設計師名稱、源文件。
logo更新
如果logo有修改,需要向設計組和會使用該logo的人員進行及時公告。藍湖中對外下載的模版直接覆蓋原來的版本即可。T-thoughts中需要保留之前的版本文件,并新增一個文件。
四、 logo使用
目前藍湖中提供的PNG尺寸為200px左右,如果需要更大尺寸的logo,可以下載SVG格式。
根據不同的使用情景,可以選擇不同的LOGO元素組合。使用者可以點擊選中需要使用的LOGO形式,下載所需類型尺寸和文件類型。
為了展示 logo 的可視范圍,在logo下方疊加了一層區域塊。點擊logo周圍虛線框下載透明底色的圖像,且帶有安全距離。可以在右側工具欄選擇下載PNG、SVG格式的圖片。
項目鏈接:
目前我們把所有的logo存檔在藍湖平臺中。將這個項目的鏈接發送給業務人員,他們就直接可以登錄并下載對應的logo圖片。
最后
模版是讓普通設計師達到最低標準的快速通道,但不是他們成長的最好方法。
工作流程可以通過科學的管理進行優化,這點毋庸置疑。
讓自己變得更懶。
讓自己變得更懶的前提是,首先你得會動腦子,將任務簡化掉。
工作量守恒定律。你做得少了,別人做得就多了。工作效率提升,工作時間就少了。
One more thing
其實在設計這個模版的過程中,我們還搞了一個網頁版,但做著做著發現,反而工作量變得更多了。
所以,制定規則不是為了制定規則而制定,提高生產效率才是最重要的。
但如果當前的目標是提升生產質量,那規則可能還是需要的。
總結
以上是生活随笔為你收集整理的微信开发者工具 wxmi修改模版颜色_Logo设计模版与设计管理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: R语言在线地图神器:Leaflet fo
- 下一篇: 详细的买卖天猫店铺网店转让步骤