構成網格的關鍵要素：版心、頁邊距、欄和欄間距

頁邊距與版心

頁邊距是指版面上下左右留“白”的范圍。

版心是指頁邊距所包裹的區域。目的是為了使內容看上去處于安全范圍內，也符合人的視覺習慣

注：所有元素都應該在版心內編排，但并不是絕對不能超出版心，在已有規則下，我們可以將部分重要性低的元素放置到版心之外，從而為畫面帶來動感與張力

欄和欄間距：

“欄”就是放置文字或圖片模塊的范圍，“欄間距”就是欄與欄之間的距離。

在建立好“欄”的標準范圍之后，主觀將元素和內容進行占比分配，根據實際需要跨欄應用，讓排版更具靈活性。

在PS中繪制

在PS默認的單位為“像素”，而我們做的海報、畫冊等印刷品使用的單位為“毫米”。所以要先執行【編輯】—【首選項】—【單位與標尺】，把“標尺”單位改為“毫米”。

再執行【視圖】—【新建參考線版面】”，分別設置列、行數、裝訂線（欄間距）、邊距。如本次我們要設置的是5X8，欄間距為5毫米、邊距為10毫米的網格：

新建好的網格如下：（快捷鍵Ctrl+；可以顯示或隱藏網格）

在AI中繪制

在AI中沒有繪制參考線的命令，可以先使用“矩形工具”，繪制矩形邊框作為版心。

打開【對象】-【路徑】-【分割為網格】。點擊“預覽”，行的數量選擇8，欄的數量選擇5，間距選擇5，點擊確定后按“ctrl+5”,轉成參考線。

新建好的網格如下：（快捷鍵Ctrl+；可以顯示或隱藏網格）

在ID中繪制

ID為專業的圖文排版軟件，在進行書籍畫冊排版時，一般只設置豎向的分欄。在新建文件時，選擇“邊距和分欄”。

在對話框中分別設置邊距、欄間距和欄數即可：

然后執行【版面】—【創建參考線】，

分別設置行數、欄數、欄間距：

設置好的網格如下：（按W鍵可以隱藏或顯示網格）

設計時設置網格是為了幫助你讓頁面中元素布局更加規范且統一，易于用戶理解，靈活運用網格不僅不會限制編排形式，還會使版面變得更加清晰、生動、統一、有條理。

原文地址：藝海拾貝Design（公眾號）

作者：鄧海貝

轉載請注明：學UI網》如何在PS、AI、ID中快速繪制“網格”

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

漫畫作品資源圖往往承載了這個故事的內容、情感關系、又或者是人物性格等…，而設計者的任務就是去制造這個畫面賦予它意義使用戶能夠迅速的得到想要傳達的信息以及情感。

我們所有行為的背后其實都是情感的驅動，情感塑造了我們的思維感受，以及回應整個世界的方式。所以當我們的設計激發了用戶的回憶以及想象力，也就觸發了情感鏈接。

視覺設計師余肉圓圍繞【什么是情感的傳遞者】，【傳遞情感的4個要點】以及【如何利用情感傳遞使畫面更有故事性】展開了分享。

她認為設計師不單單需要的是設計技能的提升，更重要的是要捕捉事物本身的情感。再去傳遞給大家，這才是設計師需要做的。

還向我們展示了一個嘗試突破的完整案例-獵愛誤殺，探索他們是如何主導視覺走向。

漫畫logo設計不單單是字體設計，往往還要結合故事劇情去設計，快看設計師宋宇瀟從設計背景、設計原則、品類概覽、女頻品類分析設計思路、男頻品類分析設計思路5個方面去分享他做漫畫字形設計的思路和經驗。

最后MEUX的資深設計師慶爺介紹如何運用環境、信息和行為、三步掌握運營設計理論體系，結合自身參與的設計案例，希望能幫助設計師輕松掌握運營的底層邏輯，徹底解決視覺風格與活動的關系等問題。

快看的交流在2個小時激烈討論中結束，同學們都意猶未盡，表示開拓了自己的思路。

原文地址：百度MEUX（公眾號）

作者：愛分享交流的

轉載請注明：學UI網》對話設計圓桌會-快看漫畫

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

一、理解品牌對產品的重要性

品牌是運營中非常重要的部分，產品是品牌的生存基礎，而品牌是產品的認知升華，它代表了產品在用戶心中的形象，同時影響著用戶自身認知世界的構建。

好看視頻是一個為用戶提供海量優質短視頻內容的專業聚合平臺。我們希望通過好看品牌運營升級強化產品調性，提升產品氣質。于是針對“如何找到適合好看視頻的品牌道路”進行了全面的思考和分析。

二、好看視頻品牌化的目標

通過對好看視頻視覺語言的探索與應用，形成統一品牌感知，深化用戶與產品的情感鏈接。向用戶傳遞產品理念，為產品建立優質形象。

三、好看視頻品牌設計框架

在設計初期，我們對同類型產品與用戶類型進行了分析，現在很多品牌的活動視覺不只是單純的畫面展示，都開始有更加明確的設計背景和理念，但品牌不是千篇一律的，需要突出產品的特色，明確自身定位。

好看視頻在升級后主打“知識傳播”的內容，我們從這個角度出發，將“輕松有收獲”作為貫穿產品的設計理念，思考如何通過設計來傳達品牌感知。

品牌不是單一樣式的體現，包含了多種表現形式。在這個過程中，需要重點考慮通過哪幾個維度來支撐整個品牌體系。我們梳理了以知識傳播為中心觀點，邏輯統一、情感滲透、個性風格、表現手法和知識內容五維一心的傳播框架，運用以超級符號提取、輔助圖形重構、字體、色彩、排版、動效等設計手段，將產品理念傳遞給用戶，建立好看視頻在用戶心中的優質視頻聚合平臺形象。

四、好看視頻品牌升級

1、好看視頻品牌升級海報

品牌海報是好看視頻品牌升級中最重要的環節之一，我們為好看視頻九大垂類設計了九個相對應的概念場景。每個場景的中心主體均與品牌logo形狀強關聯，強化超級符號在用戶群中的記憶度，擴大品牌影響力。

我們對九大垂類進行了發散性思考，確認了“以好看視頻logo符號為主體，通過材質、元素的結合表現垂類感受”的設計方向，帶著這樣的思考收集了每個垂類對應的一些情緒圖。

在測試階段，以美妝為例，可以看出元素的羅列或許更加直接，但缺乏了想象力，形式上偏向“電商”。經過多次的嘗試，最終的設計邏輯我們決定以材質為主要突破口，柔軟的皮毛、細膩的膏體等具有想象空間的質感會更加觸動人的感官。

我們通過質感與元素的組合，形成中心主體畫面。在字體設計上，為了適配多垂類海報的應用及后續調整，在版權字庫中選擇了方正摩登體作為本次設計的通用字體。背景結合趣味貼紙強調輕松有收獲的品牌調性。

按照同樣的思路完成了9張海報設計，我們以品牌logo作為容器承載不同的真實質感，結合拼貼+故障風的排版，體現品牌調性的同時，打破固有思維，注重細節和質感帶來的沉浸式視覺體驗。

2、好看視頻品牌升級概念片

在完成9張垂類海報的同時，我們還規劃為本次品牌升級做了一支品牌概念片，多維度對好看視頻品牌擴大影響力。

如何在保持景別不變的前提下，讓整條片子富有趣味性，是本次設計的最大難點。我們通過拆解優秀的動態作品，總結出了一個貫穿全片的動態邏輯。通過“元素動勢、攝像機動勢、太陽光動勢”的相互配合，形成強關聯且具備故事性的銜接轉場。

例如，利用旅游垂類的攝像機旋轉，承接美妝場景。用睫毛刷的動勢，銜接杠鈴動勢的同時，在中間直接加入剪輯的氣口。

將評測與人文垂類設定為正反桌面，通過翻轉進行鏡頭切換。設定筆筒與咖啡袋同樣倒下的動畫，加入太陽光方向的延續，同時，將攝像機調配為速率相接。

除了轉場，每個場景的細節動畫都給予了充分的表達。通過多種動態手法的組合，緊密銜接了每一個場景，保證強化品牌符號感知的同時，提高了視頻的動態細節。

本次品牌設計在發布會、萬象大會中都得到了很好的反饋，我們的設計影響力在內外都有了非常大的提升，為后續設計樹立了標桿。

總結

在品牌運營越來越重要的今天，成體系的設計打法，不僅規范化了設計側的執行流程，也統一了整體的品牌感知，使得向用戶傳遞產品理念變得更加直觀，向外建立優質形象擴大影響力也變得更加簡單。

轉載請注明：學UI網》好看視頻品牌升級運營設計

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

百度文庫作為行業內的頭部品牌持續多年，把創新和開拓為己任，如今開始在品牌IP的領域上探索。市場上有很多著名的高辨識度IP，比如迪士尼的米老鼠、唐老鴨，即時通訊軟件LINE的LINEFRIENDS等等。這些IP幫助品牌提高了知名度，同時也為品牌帶來了巨額利潤，可以說IP形象是品牌的一種資產。

IP形象作為具象化的產物，能夠幫助文庫在用戶心中建立深刻的品牌形象，擴展文庫品牌線上線下多場景的影響力。當IP形象能夠做到足夠惹人喜愛時，它自身就會有超越品牌的個性魅力，從而反哺品牌，為文庫吸引更多用戶，驅動營銷玩法的升級。

設計目標推演

競品分析

剖析競品IP設計底層邏輯，找到切入點成為抓手，建立框架，理清思路后深入設計。

IP形象要與品牌承接，必須契合品牌定位。風格表達要符合時代潮流趨勢與消費者的審美視覺契合。

IP形象往往承載著企業對品牌價值觀的表達，同時衍生出IP形象本身的性格特點。

好的IP形象本身就帶有一定的故事性，這樣便于用戶了解品牌的價值觀。后期還可以進行二次創作，發展IP形象的周邊產品，比如手辦盲盒等，形成一定的文化氛圍。

結論：進一步剖析文庫品牌，細化需求。從四點著手支撐設計：

1. 文庫價值觀：讓每個人平等的提升自我;

2. 完善IP形象性格特點；

3. 設定完整的背景故事；

4. 選擇適合的風格表達。

四個方面相互呼應，互為支撐。促使IP形象設定有的放矢。

形象概念設定

通過探索各種可能性，進行逐個衡量、推演討論，初步選方向，主推其一，按照設計思路進行不斷調整和優化。

概念闡釋：首先利用圓潤的造型營造親和力，用文庫拼音首字母”W”的造型結合鬃毛設計，在視覺錘的角度上來說剪影的識別度非常有優勢，同時也有山或筆架山的造型，寓意書山有路，勇攀高峰。

產品端滲透

01/會員LOGO

02/會員身份卡、掛件

運營活動應用

01/會員買贈系列活動開屏

02/七夕告白指南系列漫畫

03/重點垂類個性化形象

04/表情包

線下推廣應用

01/IP周邊文具禮盒

02/IP軟膠手辦、毛絨玩具

總結

各互聯網品牌都有各自的成熟IP。百度文庫同樣重視IP形象的設計和布局，其作為一個重要的品牌概念，是科技和文化的集合體。作為文庫的“代言人”，IP形象可以幫助品牌在產品、市場業務鏈中，發揮其自身獨特的商業價值、增強情感歸屬和拓展應用場景。在用戶體驗和文化輸出方面給予用戶更多的溫度和關懷。

原文地址：百度MEUX（公眾號）

作者：文娛平臺用戶體驗

轉載請注明：學UI網》百度文庫品牌IP形象設計

可能很多很多人都跟你說過要多看國內外的設計案例，你也聽了八百遍，可是真正做到的又有幾個？有的時候可能也只是你以為你做到了，其實還遠遠不夠。多看是需要我們滲透到每天的時間當中的，也就是說，最好你能每天抽出時間去看看國內外各大設計網站。因為對于設計軟件可能只需要一段時間突擊學習你就可以掌握，但是審美和思維卻是一定需要長年累月的積累才能提升的。而優秀的設計師往往不是他的軟件有多么厲害，而是他擁有更高的審美和思維。

d

02.收集

光看還不夠，看到你覺得好的設計和資源還要學會收集起來！建立自己的資源庫，不管是用花瓣、Pinterest還是eagle，總之要建立一個屬于自己的資源庫，這樣在以后拿到一個新的需求就不會像無頭蒼蠅一樣毫無頭緒。在收集的同時要注意分類收集，這樣在收集積累的同時你也進行了觀察和思考，并且下次再想找某個設計的時候也會十分輕松快捷。

平時進行大量的臨摹練習會使你進步飛速！畢竟只有動手練習過，才可能被你消化吸收。同時要注意的是臨摹不是盲目跟做，在進行臨摹練習的時候，你是否思考過你為什么要臨摹它？這個作品的哪些地方是你需要去學習的，同時它為什么會這樣表達或者是為什么要用這種形式？等等這些問題都是需要你去獨立自主地去思考。只有這樣下次在做自己的設計作品的時候你才能真正地去學以致用。

原文地址：設計師深海（公眾號）

作者：設計師深海

轉載請注明：學UI網》聽說你做設計缺靈感了？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

原文地址：空輕肆繪（公眾號）

作者：風綻

轉載請注明：學UI網》2021插畫年終總結

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

目錄

一、堅持體驗產品并記錄

二、堅持采集靈感素材

 

  

三、堅持學習和深入專研

 

四、堅持強化動手能力

  

   

五、堅持輸出經驗總結

 

六、堅持階段性復盤

七、小結

牛人之所以會越來越牛，關鍵在于他們會持續不斷的更新和提升自己，并且不僅僅是提升專業技能，還包括身體、社會、情感、精神等方面。讓我們一起向新人學習，始終保持饑渴、始終保持愚笨。

原文地址：蔥爺（公眾號）

作者：蔥爺

轉載請注明：學UI網》有經驗的設計師更應該學習

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

1.什么是HMI？

在汽車領域，HMI通常被稱為（Human-Machine Interface，即人機界面；或者Human-Machine Interaction，即人機交互）。汽車HMI研究的是人與汽車之間的所有交互關系，包括人與車的互動關系，車與車之間如何互動、車與城市互動。

車車互聯-圖來自百度車聯網前瞻團隊（42team）

人與車之間互動就存在多種交互信息媒介，比如中控一字屏、AR-HUD（前擋風）、車頂屏、環繞屏、智能車窗等。

那么車載HMI交互模式又是多通道交互組合，如語音交互、人臉識別、多模手勢、多點觸控等，共同構成車載端交互方式。

人車語音交互-圖來自百度車聯網前瞻團隊（42team）

那么對于HMI視覺設計師來說，我們就需要學習掌握車載信息設計合理性，比如AR-HUD本身距離駕駛者較遠，所以考慮距離可視性因素也是非常關鍵，小到圖標字體設計，大到整塊區域的布局定義，等都是設計師需要考慮的問題。

2.車載HMI前景如何？

如何才能知道一個行業前景如何？其實很簡單，看國家政策，看市場需求，看大廠動向。

2021年，國務院辦公廳關于印發新能源汽車產業發展規劃（2021—2035年）的通知，發展新能源汽車是我國從汽車大國邁向汽車強國的必由之路，是應對氣候變化、推動綠色發展的戰略舉措。

國家在大力推動新能源汽車產業發展，這中間就會誕生出更多的造車新勢力的崛起，汽車體驗設計人才必然是逐年增加。

所以如果你想入局互聯網，但是因為C端的高度飽和，沒有機會，那么何不嘗試一個處于藍海領域的HMI？

3.如何入門？

很多人最關心的就是如何入門，對于汽車HMI設計，如果想要要入行，最快速的方式就是了解這個領域的知識體系架構？有了框架可以跟著這個框架內容去學習與填充知識。

上圖，是一個給大家初步認識HMI結構路徑，早期階段可以先這樣逐步去了解。

我們做移動端設計，安卓和蘋果兩個大平臺已經沉淀出了一些通用的設計原則與規范尺寸。車載HMI設計這塊目前還沒有比較權威性原則規范，目前還是百花齊放階段，所以還需要靠大家前期自行去收集學習整理。

當你對HMI設計了解有基本了解后，下面可以繼續進入下一個階段研究學習。

這時候，你可以關注UX設計是怎樣的？需要考慮哪些因素？

還可以去一些權威性公眾號學習，比如百度的Apollo智能駕駛體驗設計中心，通讀一遍所有文章，認識HMI設計，有一個初步概念了解，知道這個領域HMI相關范疇，下一步就是開始搭建HMI知識框架。

4.寫在最后

HMI學習是一個長期的過程，大家不要急著一蹴而就，畢竟算是一個剛興起的行業。前期了解這個領域的知識是非常關鍵的，先熟悉，再深入學習，這也是我們學習任何技能的方法。

今天文章算是一個入門了解，后續我會逐步分享一些學習提高方法給大家，喜歡的就給我們的文章多點贊支持下。

轉載請注明：學UI網》2022年，設計師如何學習HMI設計？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務