一、任務管理

好的任務管理可以讓你清楚每周每天都有多少磚需要搬，這些磚當中哪些是優先級最高的金磚，哪些是優先級較高的銀磚，哪些是普通磚？可能搬著搬著還有臨時增加的呢，所以好的任務管理才能讓你更加游刃有余，并且自認為養成一個好的自我管理的習慣對自己未來的方方面面都有有很大的益處。

下面我介紹我利用工具管理任務的兩種小方法 ：

1. 以月、日為維度，對任務進行日常管理，主要利用工具是筆記類軟件，如「印象筆記」
2. 以臨時、長期持續、或者很久遠以后的任務為維度，對任務進行適時提醒，主要利用工具是待辦清單類軟件，如「滴答清單」

方法一：印象筆記

我們可以在印象筆記里面創建兩個文檔，一個本周待辦，一個每日待辦（推薦使用印象筆記的超級筆記來創建，新的編輯器很好用）

下面是本周待辦

1. 羅列出本周需要處理的事情，并按照優先級和交付的時間節點安排大概的節奏
2. 可以將每周都需要處理的事情和額外的一些非緊急的事件記錄其中（此處內容也可以用待辦清單來代替）
3. 已有的規劃或者包含較多待辦的復雜事件也可以羅列進去

下面是每日待辦

我會習慣創建完每周待辦后，重新創建每日待辦文檔，繼續細化每天具體干了什么，已經任務的完成度，所以我會以表格的形式去記錄，表頭可以按照自己的喜好來分類（這里按照我自己的習慣創建的表格為例，分為「todolist、時間、進度、備注」，通過todolist、時間來大概分配時間安排一天的工作節奏，通過進度每天跟蹤完成情況，而備注我一般拿來當一個待辦清單來記錄相關明細）。

方法二：滴答清單

待辦事件軟件就是幫助你去記憶一些周期性的、臨時性的事件（它還能設置提醒、反復提醒、一直提醒…直到你去做的提醒，很好地避免你因為事情太多而把一些事情給忘掉）

周期性事件：每日點餐、每日復盤、每周總結…

很久以后的事情：項目驗收、轉正述職、購物計劃…

臨時新增的事件：產品改需求了…

二、項目管理

常規的設計流程如下：

需求定位——產品 PRD 文檔——PRD 同步所有人——交互設計——交互評審——視覺設計——視覺評審——開發——測試——Beta 版本——正式上線

但真實的項目在執行的過程中可能會遇到多種問題，可能你還是一個新人不了解公司業務不了解設計規范，也可能臨時需求變更了、可能開發資源吃緊需要降級方案、可能設計時間被壓縮需要分批輸出等等，下面會根據不同的情況見招拆招一一講解。

1. 時間+任務量的合理分配

當你拿到一個需求不管是小迭代還是產品從0-1都會有很多你需要處理的事，但如果你什么都想做一點什么都做不完或者做的不夠滿意，那最后看著交付時間越來越近，交付物卻沒有進展，壓力會非常大。

前期你應該和產品溝通明確這次的需求范圍有哪些？其次了解整個項目的時間規劃是什么？

姿勢A – 時間寬裕任務適中：評估下需要執行的部分 → 確認優先級 → 完整輸出交付開發 → 驗收上線；

姿勢B – 時間緊任務重：評估下需要執行的部分 → 初步確認優先級 →與產品開發協定 分批輸出 → 開發進行的同時輸出其余部分 → 驗收上線；

姿勢C – 時間寬裕任務不確定性高：評估下需要執行的部分 → 優先輸出框架結構給開發 → 視覺部分繼續優化后續交付 → 驗收上線；

2.自我解決  尋找答案

遇到不明白的地方先自己想辦法解決，千萬不要自己解決不了還硬扛著，千萬不要自己解決不了還硬扛著，千萬不要自己解決不了還硬扛著。

從資料中尋找答案：如果公司有組件庫和設計指南，那么其中都有很多規范的文檔沉淀和說明。

向周圍的人尋求幫助：剛來公司，你對公司、業務、項目的熟悉程度肯定不如其他人，不懂就問，一來二去答案找到了，你也和其他人熟悉起來了。

3.及時溝通  尋求幫助 

在遇到自己短時間處理不了的情況的時候。

預知風險：一方面你需要提前自己的mentor風險點，看看能不能做一些資源上的調配來保證項目的繼續進行。

協調溝通：另一方面如果確實會影響到進度的話提前告知合作方以及調整后的時間規劃。

4.風險管理 向上匯報  

遇到重大的項目確實有很多的難點和阻力，需要及時向上匯報，與MGR溝通：

項目重要程度

項目難點

目前進展

5.自我調整  接受意見

不管是新人還是老手，可能你在項目當中遇到困難和阻力，內心會很受挫。

不要氣餒 允許自己犯錯：只要這個錯誤不會造成巨大的損失都是能被接受的，調整好心態，從錯誤中吸取教訓，后面再遇到就能游刃有余的解決。

接受意見：不要抱著抵觸的情緒去看待對方的意見，對方也是站在幫助你解決當前苦難的角度在描述，虛心接受。

6.方案管理

尤其是大的風格升級或者視覺定義的時候，需要進行多方案嘗試，方案之間的差異性最好大一些，能輸出2-3個方案，每個方案都能分析出相對應的優缺點，有自己比較認可的方案之后拿去和其他人溝通會更加有傾向性，也更容易得到對方的認可。

7.大型的產品項目 / 產品迭代

產品提出產品規劃和產品需求之后，設計側也需要做出對應的設計規劃，具體可落地的內容以及相應的時間節點，分階段的去落實設計。

過程中業務方可能不太清楚你的輸出節奏，所以要及時地去和多方（產品、mentor、MGR…）去溝通設計方案以及方案，多方達成意見一致之后，在最終向決策人提案匯報的時候就不會被輕易否定掉，即使被diss，也有多方支持。

風險點：在項目前期就要明確最終決策人，合作方那邊可能也會有不同的層級關系，所以過方案的時候把關鍵角色一起叫上，避免因為匯報對象不是決策人而導致最后方案不通過！

寫在最后，好的習慣養成對于任務管理有很大的幫助，明確項目內容量、時間節奏、風險點能更好地對項目進行把控。

原文鏈接：酷家樂用戶體驗設計（公眾號）

作者：鐵柱

轉載請注明：學UI網》如何快速勝任新工作

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

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

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

2021年是數據智能中心成立第四年，為了體現各部門的工作內容及其項目，增加大家對數據中心智能團隊的了解，我們進行了這次的海報設計，祝大家四周年快樂。

 

原文地址：站酷
作者：牙線y2x

轉載請注明：學UI網》數據智能四周年海報設計

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

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

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

 

原文地址：站酷

作者：牙線y2x

 

轉載請注明：學UI網》B端設計：智能銷售平臺

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

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

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

a

01.  蘋果iTunes主設計師Ryan Farina 

Ryan Farina之前主要負責iTunes還有蘋果開發者產品的設計，以及蘋果TV的設計。也在Facebook和ins擔任過UX設計師，是一位攝影愛好者，平時特別喜歡攝影和足球，除了twitter好像沒有其他的社交賬號。

Twitter上的賬號也主要分享生活為主，很少去分享設計相關。個人作品博客也目前主要分享攝影作品為主。

Ryan Farina的作品集非常簡單，標準的蘋果風，直接首頁封面放了幾個效果圖作為背景。

和很多設計師不一樣，項目介紹就是一個簡簡單單兩句話說清楚項目背景，如上圖就是介紹蘋果Testflight這款軟件是針對蘋果開發者發布測試的一款產品。

這是他之前負責Facebook個人頁面的作品設計，也是采用簡約的排版和布局。

以及蘋果TV和iPad等產品的一些UI界面設計，蘋果的設計師也并沒有我們想的那么輕松，很多官方APP都需要設計，同時還要考慮眾多平臺的設計和統一。

在職期間主導的iTunes產品設計，這些作品集雖然有點老，但是設計師作品集的包裝上還是有很多值得我們學習的，沒有太多花里胡哨的東西，主要是在板式上凸顯設計功底。

所以從這個設計作品包裝中，我們其實可以學習到，今天一個作品集并不是一定要放很多套路化推導，好的作品你不需要說話，隨便看看設計細節都能被認可。

a

02.  蘋果元老設計師Craig Dehner 

Craig Dehner是和Jony lve一個團隊設計師，他們一起打造了蘋果iOS設計系統，現在在蘋果應該11年了，他是在2009年以實習生身份加入蘋果的。你現在用的蘋果系統就是他參與的，并且是核心設計師。是Cincinnati大學畢業的。

他平時也和很多公司進行過項目合作，包括airbnb等這樣的知名公司。目前定居在舊金山，是一個戶外愛好者。

他的代表作有很多，最出名的就是siri，從0到1構建了siri的設計生態，雖然目前我覺得siri還是不夠聰明和智能，但是在設計層面，還是無可挑剔，特別是動效的設計。

他也參與了airbnb的設計，合作過很多知名項目，不知道是官方合作還是個人項目合作。

他幫助airbnb打造了搜索租房以及選房頁面的體驗，應該是從交互視覺到動效完成了整體的體驗升級。

整個作品集的包裝遵循了蘋果一貫的簡約風格，細節和動畫也處理的非常逼真。

同時他作品集還有lyft打車應用，這個應用相當于美國的滴滴。他主要和他們負責UI設計和動畫設計，以及最早的概念海報。

打車頁面設計，整個打車處理的動效非常逼真和真實，流程也非常順暢。

整個動效非常細膩，路障的設計，周圍的人的設計，以及拐彎場景等等非常逼真，同時也能感覺到智能科技的感覺。

以及在iPad端的一些體驗設計，一如既往的蘋果風格和高級感。

他也是iOS9的主設計師，這里想分享一點，用模型機的技巧。很多設計師用樣機，但是完全看不到界面任何細節，樣機選擇一定要高質量高清，能看清楚設計細節。

這個是一款比特幣銀行的電子錢包設計，區別于其他錢包設計，在安全性上做的比較精致。

電子錢包開鎖界面非常的酷，不像傳統的輸入密碼打開那樣，而是非常逼真的方式，像打開保險箱一樣的方式。

整體設計區別于其他的比特幣錢包，運用黑色的設計，非?？幔瑫r頁面很多地方都體現出了安全感，讓用戶放心。

早期的蘋果TV引導頁面，以及蘋果系統登錄激活的頁面都是這位設計師做的，真的是蘋果元老級別的設計師。

整個的電視界面設計，一如既往簡約風格。在AR空間里面做設計，體驗上有手機上有很大的差別，但是設計師駕馭的非常的好，也很有創新。

我很喜歡他的扇形菜單設計，非常的科技感，戴上VR眼鏡后，仿佛世界就在你眼前。

最后看幾張他的作品包裝，版式很簡單，左圖右文沒有很復雜的包裝形式，但是每個作品細節深入人心。

s

03.  蘋果實習生Julia Liang 

蘋果設計團隊人不多，每年也會招募一些非常優秀有潛力的實習生，Julia Liang是美國UC Berkeley大學的一名女生，目前在蘋果實習，可能現在轉正了，我們一起來看看什么樣的水平能夠進蘋果實習。

這是這位設計師大學期間設計的海報設計，是一個印刷海報，雖然很簡單，但是里面細節很豐富。

平時一些手繪設計，會畫一些自己學會的東西?？吹某鰜硎且晃粺釔凵畹脑O計師。

大學也經常接一些私活項目，貌似還給中國一個律師網做過LOGO設計。

這是他平時的一些LOGO設計，紅十字會的一些公益設計。

在校期間的一些學校?；仗剿鳎梢钥闯鲈O計師雖然設計作品沒有那么商業，或者很強技法，但是在設計創意表達上還是有很多天賦。

另外一個APP設計，從作品集中看出應該是全程參與其中，并且做了很多調研的工作。

是一位UX思維非常強的，作品集有大量設計分析和思考的過程。

一些落地方案的設計，在他這套作品集里面我看到了很多和我們國內作品集不一樣的地方，設計師在發現問題解決問題思路上很閉環，并沒有很虛的套模塊。

a

04.  最后 

今天分享的幾個蘋果設計師作品集，主要幫大家打開眼界，好的作品集不一定要有很多流程很多套路，只需要在作品里面能體現你的思考，你的視覺表現力即可。好的作品本身就會說話，切忌為了追求形式化而用錯力。

原文地址：我們的設計日記（公眾號）

作者：sky

轉載請注明：學UI網》國外 百萬美金作品集。長啥樣？

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

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

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

但真的是相差很遠誒！

我再仔細問了一下，終于知道原因了……

他確實是按照方案做的，但是所采用的，都是寬度和高度，而不是間距。

我說：

『 界面布局的關鍵不是寬高，而是間距 』

看他相當地不以為然，于是我只好這樣從頭開始解釋：

前端原理

對于前端來說，界面是一個盒子一個盒子套起來的，而不是像畫圖工具那樣一個圖層一個圖層疊加起來的。

如果把界面看作一個大盒子，那么里面的模塊就是小盒子。小盒子里面會裝有文字、圖片或者更小的盒子

由于現在很多網站都是響應式的，所以這些盒子一般沒有固定的寬度，而是根據固定的邊距，來自由伸縮。

Sketch 和 Figma 等 UI 繪圖工具，都提供了固定邊距的自動布局功能，用的就是這個原理。

上圖截自：Sketch

但是因為這些繪圖工具的畫板里用的是圖層結構，所以只能固定元素相對于畫板的邊距，而不能固定元素相對于模塊的邊距，除非使用組件。

尺寸是變化的

前面提到了一個很關鍵的點，那就是「盒子」，或者說框架寬度不固定（響應式頁面）。

既然寬度，那么框架的高度也同樣是不固定的。

因為頁面包含大量固定字數的文字或者固定比例的圖片，在寬度不固定的情況下，高度自然也沒法固定了。

那么既然頁面內的元素無法固定高寬，那么什么才是固定的呢？

答案是：

間距是固定的

你可以想象一下柵格伸縮的情景，原理一樣，只是真實頁面上柵格替換成了各不相同的邊距。

也就是說，設計師最好是一開始和前端交付時，就明確設計稿上各元素之間的邊距，而不是高寬：

這一點，不但一些設計師不清楚，很多前端也不清楚。只是設計師不清楚是因為不知道前端原理；而前端不清楚，是因為他們不在意相應布局的視覺效果。

不過，雖然框架不固定高寬，但是按鈕、圖標、LOGO 等小元素，通常還是固定高寬的。

文字對尺寸的影響

一些設計師向前端提供文字參數時，只提供字體和字號，結果出來的效果還是相差很遠。

通常來說，最容易產生問題的參數就是「行高」了，因為瀏覽器的默認行高是 100%，而很多系統平臺都有自己的默認行高。

所以說，行高一定要明確才能確保效果，而且最好是提供百分比而不是數字，這樣就能夠跟隨字體尺寸按比例變化了。

除此之外，還有「段落間距」和「字間距」可以注意一下，不過使用率較低就不多說了。

尺寸標注

我知道現在有很多工具可以查看設計稿的尺寸，但是如果前端是新手，也會 get 不到你的設計規范。

標注的時候，就可以只挑關鍵參數，即：字體、字號、行高、邊距、色彩。

其實，如果你知道哪些是關鍵的，需要標注的東西也沒有特別多，比以后東拉西扯地溝通細節高效多了。

很多設計師看了上圖的標注，也許會驚呼“沒必要”吧！

這說明你的前端同事很優秀，不需要解釋太多。

可即便前端同事再優秀，按鈕是否要自動靈活伸縮？按照文字內容還是按照界面寬度伸縮？這些東西，也還是要他們自己來“猜”。

像我這樣對自適應方案想得比較多的，就更加傾向于標注清楚些。

總結

如果你有一名優秀而細心的前端同事，那么以上都不是問題，可能你根本不需要知道也能好好合作。

但是設計師的工作生涯中難免遇上幾個難對付的前端，多點溝通技巧，也可以讓自己心情愉快些。

原文地址：體驗進階（公眾號）

作者：設計師ZoeYZ

轉載請注明：學UI網》前端保證一比一按源文件做，結果又是慘不忍睹

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

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

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

01 單色配色的定義

大多數的設計項目都傾向于使用多色調進行搭配，獲得豐富的視覺層次，但有些時候畫面只使用少量顏色也可以做出優秀的設計。

單色并不是指只有一種顏色，而是只有一種色相。單色配色是只使用一種色相進行色彩搭配的方法。單色搭配雖然沒有形成顏色的對比，但色相中卻有著無數的色調變化，利用同一色相中純度、明度的層次變化，也可以形成良好的視覺效果。

單色配色其實并不意味著單調，單色配色在很多設計項目中，都呈現出了極具表現力的一面，優秀的單色配色并不一定弱于多色配色。

在單色配色中，經常會使用一些無彩色（黑白灰）用于文本、背景和裝飾元素來豐富畫面層次。

使用紫色細微的漸變對比，畫面形成豐富了的明暗層次，紫色的明度較低，可以很好的承載白色文字信息

使用黑色作為背景，可以很好的襯托出綠色主體，給人一種深邃、神秘的視覺感受。

02 單色配色的優點

對于新手設計師來說，顏色越少畫面越容易把控，色彩層級越精簡，就越容易達到整體色彩平衡。單色搭配可以產生低對比度的和諧美感，視覺上形成協調統一的感覺。

不需要使用過多的顏色，通過藍色明度的層次變化，畫面也可以很豐富，能很好傳達出智慧、科技的主題。

以企業形象色為主色調進行設計，使設計的畫面具有統一的色彩，還可以向人們傳達出強烈的品牌效應。

單色配色簡約大氣、色調干凈統一且穩定，容易營造出和諧與平衡的感覺，是較容易掌握的配色方法。

03 單色配色的方法

①使用HSB模式建立配色方案

HSB色彩模式是將顏色三屬性進行量化，色相H以角度（0°-360°）表示，飽和度S和亮度B以（0%-100%）表示。

在確定基礎色相（H）之后，可以通過調整飽和度（S）和亮度（B），來創造一套富有層次的配色方案。

此案例以“H:255”為基礎色建立配色方案。

使用此方法可以得到同一色相中大量的色彩樣本，但這并不意味著你需要在單色配色中使用很多顏色，一般選擇3、4種足以。

接下來需要考慮色彩的明暗和飽和度，調整這些屬性，讓配色更貼合你的設計目標。

由于單色配色色彩的對比度沒有多色配色那么明顯，同一配色方案內不同的顏色之間，需要形成明暗變化，構成一個階梯型的色階。

②使用配色工具輔助配色

目前有大量的配色網站可以用來輔助配色，對于配色基礎薄弱的新人會有很大的幫助。在這里給大家推薦的是Adobe公司出品的一款極為高效的在線配色工具：Adobe Color。

在Adobe Color中，使用色盤設置了基礎顏色之后，另外四個關聯顏色會自動生成。

在調色規則中選擇“單色”。使用橙色為基礎顏色，會自動生成四個關聯顏色，篩選適合的顏色配置到畫面中，就能很快完成配色方案：

再看一個案例，根據主體最顯眼的紫藍色為基色，按照生成的配色方案，篩選適合的顏色配置到畫面中，這樣的配色會非常協調統一。

04 總結

單色配色是較容易掌握的配色方法。單色搭配雖然沒有形成顏色的對比，但利用同一色相中飽和度、明度的層次變化，也可以形成良好的視覺效果。

單色搭配可以產生低對比度的和諧美感，視覺上形成協調統一的感覺。在單色配色中，經常會使用一些無彩色（黑白灰）用于文本、背景和裝飾元素來豐富畫面層次。

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

作者：鄧海貝

轉載請注明：學UI網》單色配色也能玩出這么多花樣？

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

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

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

接下來就是看看如何將這些元素用到設計中了，我們先來整理好文案。

然后將信息分布與構圖用方塊表現出來，深色重要，淺色次要，這樣前期的構思就OK了。

接下來我們先刻畫主體，這里主體我想用中秋與燈籠相結合，字體的筆畫風格加入中式的回紋效果。

接著我們進行墊字設計，用畫筆先勾出大概的骨骼，以畫筆為基礎用鋼筆工具去完善。

然后我們將文字與燈籠結合，搭配小文字豐富細節，海報主體就確定了。

如果單獨展示字體，可以找個中秋的背景素材，然后以橫版banner去展示。

接著我們繼續做海報，將主體放到畫面中，由于兩側比較空，可以加上兩個疊加的圓圈擴大占比，顏色以紫與金結合。

接下來將剩余的信息處理好，部分信息加入圖形，字體統一用襯線體，也會更有韻味。

然后將處理好的信息放入相應的位置，根據空間布局來進行排放，要使畫面平衡統一。

最后我們可以加入小英文與裝飾線豐富畫面，裝飾線與主體相呼應，同時會使畫面節奏性更好，信息之間的關聯性更強。

那么這時我們可以上個樣機，增強視覺效果，設計就完成了，噔噔噔噔~

OK，這次的分享就到這里，學會巧用AI自己帶的工具，應用到我們的設計中，不僅會使我們的效率增加，還能更出效果哦。

原文地址：趣投記（公眾號）

作者：趣趣熊

轉載請注明：學UI網》中秋節排版設計這樣做，真出效果??！

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

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

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

一、什么是溝通？

溝通的本質：

雙向信息傳輸，除了清晰傳遞自我信息以外還需要引導對方，讓其也能準確表達訴求。

溝通的誤區：

“表達”與“溝通”有巨大區別：前者是單項輸出，如何把自己的觀點清晰地傳遞給別人，后者是雙向傳輸，除了清晰傳遞自我信息以外還需要引導對方，讓其也能準確表達訴求。

舉個例子：一個不善言辭的人在生活中遇到一個溝通感覺特別順的人，能讓自己愿意說出自己的想法，再復雜的事都能和他相談甚歡。仔細觀察一下，這往往不是因為對方表達能力好，而是對方的“溝通引導能力”特別好。

二、設計師為什么需要溝通？

1.提升工作效率：

溝通到位能讓我們始終保持正確的目標和方向，避免無效溝通和模糊猜測，讓工作事半功倍。

2.設計師技能加持：

設計師的專業能力是立足之本，而溝通能力是解決一切訴求的前提和助攻！具備良好的溝通能力不僅能展現設計師的職業素養和個人魅力，溝通中也能鍛煉全局思考和解決問題的能力；

3.服務行業特性：

設計師作為一個服務行業，首先要保證是客戶想要的（方向正確），其次是帶給用戶驚喜的（體驗升級），能洞察/挖掘出客戶真正的的訴求/痛點，才能解決根本性的體驗問題。

三、如何完成一次有效溝通？

如何完成一次有效溝通？形成一套良好的“溝通”閉環機制？

有效溝通是指有效的把信息以明確的目的傳遞給對方，與對方達成共識并付諸行動的過程。只有溝通雙方真正理解各自表達的東西，并能針對異議，達成共識，這樣才能算一整個有效的溝通。

四、高效溝通法則

心態好

• 01.尊重和合作意識：這一點是高效溝通的前提，前面也說到了溝通跟表達的區別，溝通閉環是需要雙方合作的，彼此尊重，抱著合作的態度一起推進目標達成，實現共贏那是再好不過了。

• 02.保持同理心：『百度對同理心解釋為：同理心（Empathy），或稱做換位思考、神入或共情，指站在對方立場設身處地思考的一種方式?！弧白晕乙庾R”是同理心的基礎。感知到別人情緒后，通過換位思考，用“自我意識”去理解別人的情緒，最終了解他人的想法。

擅表達

表達能力在工作中體現在方方面面，日常需求對接，組內主題分享，向上管理，述職晉升面試等，都離不開表達能力的支持。如果一個設計師不懂得推銷自己的設計方案，明明作品很優秀卻輸在了表達上，專業能力會遭受質疑，也會阻礙個人影響力的拓展。

• 01.“三點式”表達法則：明確表達的核心，邏輯清晰，思路完整，訓練自己對于復雜事情都能總結1.2.3的能力

• 02.多樣性表達方式：溝通是要用對方聽得懂的語言——包括文字、語調及肢體語言，針對不同的溝通場景和溝通對象，選擇更適合的溝通方式

• 03.控制時間節奏：大多數人注意力集中的時間是有限的，大部分人難以關注細節

多交流

• 01.引導：主動跟需求方“聊天”，引導需求方說出“隱藏”訴求，明確目標和價值

• 02.傾聽：消化理解訴求，反饋問題，思考方案

• 03.反饋互換意見：建立情感氛圍，復述重點

找共識

• 01.價值導向：針對業務訴求點提供專業設計意見，求同存異，找到視覺偏好的“平衡點”
• 02.有理有據：針對目標和價值模糊不清的部分，理清思路并提供專業一件，有理有據

五、多場景下的溝通要點

1.獨立需求的設計對接

Q：如何減少設計溝通中“試一試”的行為？

W：1.需求方沒有預先的期望；2.需求方有自己的期望但無法準確表達。

Point：

1.風格稿很重要！擅長用圖片去探索需求方的風格意向；

2.多跟需求方“聊天”，培養合作默契，有共識才能對話；

3.提供專業意見，主動介紹設計思路及過程，增強作品的說服力；

4.培養需求方的審美情趣，共鳴好的設計。

2.統籌角色的多任務協作

Q：如何提升多人協作的效率和質量？

多方溝通：

1. 反復溝通確認
2. 專業思考判斷
3. 預研方案效果

內部協作：

1. 同步信息準確
2. 思維共通交流
3. 傳達合作意識

以上就是我在實際項目中對溝通的一些心得體會。

結語：溝通能力能讓我們更好的與他人建立信任，探究隱藏的核心問題，提高工作效率，同時也鍛煉我們從感性認知上升到理性規律的歸納總結的能力，不斷進階為更優秀的體驗設計師！

原文地址：京東設計中心JDC（公眾號）

作者：何鵑

轉載請注明：學UI網》設計師“進階輔技” —— 高效溝通術

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

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

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

作品集展現的是你的過往作品，可能每個項目或者作品風格有所區別，但是整個作品集可以看成一個你的作品。

你想通過你的作品集展現你的哪些能力？展示你的審美，甚至展現你的思想。都需要你經過仔細的思考。所以先想清楚你想表達什么，或許你的問題會迎刃而解。

02.展現優勢

我發現真的有很多人作品集里面的作品很優秀，但是封面卻草草了事，或者隨便做了一個跟自己的優勢毫不相關的封面。舉個栗子，有些人可能非常擅長插畫或者C4D，但是卻非要學別人表達極簡、抽象等等風格，導致直接結果就是面試官看了封面就興致全無。不要覺得好東西都在后面，我要在后面展示?？赡苊嬖嚬俑緵]看到后面，就關了看下一個！

所以，學會展現優勢，從一個好的封面開始吧！

可能很多同學看了前面兩點會說，你說了半天這么抽象，但我還是沒思路啊，不知從何下手。別急，下面給大家提供一個具象可實操的思路。

個人作品集，要有自己的特點，避免扔在千千萬萬作品集中石沉大海，讓人印象深刻的方法當然還是得從自己下手，畢竟你跟別人永遠不可能一模一樣，你要展現的還是你自己，總的來說就是要具有個人色彩。

舉個栗子：你可能擅長LOGO，就做一個自己的LOGO；你可能擅長插畫，就畫一個自己的形象，結合自己的興趣和特點；你可能擅長C4D，就建一個自己的模型，像打造一個個人IP一樣的展示自己。

結合個人色彩，展現自己的閃光點，總是比千篇一律的排版更讓人印象深刻。

今天所有的作品集封面參考圖已經貼心地為各位打包好啦！

點個“在看”，去公眾號回復“作品集封面001”就可以下載啦！

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

作者：設計師深海

轉載請注明：學UI網》聽說你的作品集還差個封面？

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

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

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

一、汽車 HMI 是怎樣的領域？

HMI是Human Machine Interface 的縮寫，其實就是人機交互，汽車HMI設計主要是研究人與汽車的人機交互界面，是駕駛員和車輛交互的橋梁。當然不止界面的設計，也包括開關、按鈕、大屏、語音等等。側重的是在完成交互任務的流利順暢，同時增強駕駛樂趣，是人與界面、人與車各系統的體驗感受。

要是想了解HMI領域，必定得從HMI的載體開始說起，HMI經過了四個大的階段演變，市場目前正處于第三階段，第四階段也在過渡中。

十年的交互界面，可以說是發生了質的變化，一是界面設計多元化，從工業時期追求性能的簡單粗暴，現在界面有設計簡潔現代，也有百變換膚，考慮到了用戶的審美需求；二是從交互的角度來講，做了沉浸式導航界面，提升駕駛專注度。還有交互體驗的增加，有了車聯網和車內芯片強大的計算能力，汽車也能夠更靈活、更貼近使用情況的向用戶提供信息（如導航，路線推薦，胎壓檢測，用戶習慣記錄等等）。語音解放了駕駛員的雙手，讓交互更溶于駕駛場景當中。

OK，有了對比感受才更加強烈，我再從以下幾個方面詳細聊聊我對汽車HMI的理解。

HMI的前景就更不用說了，雷軍的最后一次創業也放在了”造車”上面，可見互聯網的各大巨頭都想分一塊蛋糕。更是高價招人。現在阿里的斑馬、百度的Car  Life 和Apollo、騰訊的 Ai in Car、 谷歌 Android auto、蘋果 CarPlay、華為車機應用等，一線的互聯網公司都是早早布局車載，可以說是最新的一個大風口，更是不少設計師想轉型HMI設計，要想入局車載可以看看已經有成熟的設計規范。大家可以自取《HMI設計必看！車載中控的前世今生》。

從目前的發展趨勢，智能汽車駕駛艙的發展方向主要集中在三個方面：更大的屏幕，自動化的控制界面，以及語音交互。目前智能車載系統的功能仍然非常有限。在垂直應用場景中，語音交互的體驗和技術的穩定性仍有很大的提升空間。

二、車載系統的形態

現有的車載系統分為三種，全面接入內置智能系統、平臺解決方案、軟件應用程序。

1、全面接入內置智能系統

汽車廠和汽車制造商，將先進的技術應用到汽車的駕駛艙中。例如Tesla X，硬件、軟件和人機界面都是車廠整合。不僅能夠實現多媒體系統的深度集成，而且還能夠與駕駛員進行車內診斷和控制系統的深度集成。連接互聯網絡同時提供API接口，可以自定義應用程序和獨立開發者提供定制服務等。在提高汽車性能的同時，汽車制造商也在努力改善駕駛艙內的體驗，以提高市場競爭力。

車廠開發的技術可以更好地與汽車兼容，然而大部分傳統車企沒有強大的相關研發能力，語音交互相關的人工智能技術并不是車企的強項。因此也會找一些科技巨頭來合作，提供平臺解決方案。

2、提供平臺解決方案

目前科技巨頭都在為駕駛場景提供駕駛解決方案，例如，蘋果、谷歌、亞馬遜、Nuance、阿里巴巴和百度、華為、騰訊都為智能駕駛艙創建了平臺和操作系統。使用軟件平臺定制HMI單元，科技公司提供軟件平臺，車企自己定義介入的硬件與服務。平臺和系統可以將其技術和服務集成到汽車專用操作系統中，為汽車駕駛員提供完整的智能駕駛體驗。

技術巨頭憑借其先進的技術研發能力和與汽車制造商的緊密合作，有效的優化了相關產品和服務的質量。但是為了快速搶占市場，科技巨頭公司通常更愿意提供通用類型的平臺服務，很難為不同的車廠提供定制化服務。還有因為本身的市場競爭，會存在系統壁壘，如CarPlay系統需要插入蘋果手機。但在相當一段時間內這也是可能的一種解決辦法，因為這減少了HMI的整合成本，而漫長的汽車設計流程周期常常掣肘著汽車人機界面整合的發展。

3、軟件應用程序

軟件公司開發各種智能駕駛相關的便攜硬件和軟件服務。常見的方法是，通過將外部硬件與汽車連接，在通過軟件服務來優化汽車駕駛艙的性能，將普通汽車變成智能汽車。

這些公司的服務和產品非常靈活，通?？梢栽谥付ǖ膱鼍昂吞囟ǖ男枨笾袨橛脩籼峁┒ㄖ苹姆?。然而，這類服務往往需要一些額外的操作和硬件設備的支持。說到這里軟件的應用程序分為兩種方式，一個是車載小程序，一個是應用軟件。

與手機小程序只在入口、開放程度、定位等方面略有差異有所不同，BAT三家車載小程序在喚醒方式、交互方式、構建場景等方面也呈現出不同的側重和戰略打法。三家都基于自己對車聯網的理解，勾畫出小程序在車載場景下如何進行應用延伸，其目的都是為用戶帶來智能網聯汽車的體驗提升。那說說車載小程序的優點。

3.1車載小程序的優點：

• 車企強勢，曲線救國

因為車企掌握大部分的話語權，在強勢的車企面前，全家桶組合可能不能達成合作共識。因為車企更想選取不同領域的頭部產品來搭建服務生態。此時車載小程序作為一種相對輕量的解決方案，容易進入到車聯網的生態之中。

• 即用即走貼合場景

在汽車環境下，所有的功能都是為了車主更高效的完成任務而產生的，快速、便捷的人車交互方式是其基本要求。

“即用即走”的小程序是工具型產品再好不過的載體了。特別是BAT還為車載小程序開發了場景識別、自動喚醒的功能，在交互上除了語音之外，也能通過傳統的觸碰或者更加高級的手勢完成人車交互，這讓車載小程序的交互無比接近人類想象中的無人駕駛形態，也讓車載小程序有了更加強大的生命力，至少短時間內不會被新的應用所替代。

• 快速搭建加快車載發展

BAT都為小程序的開發者提供了開放的開發環境，甚至還提供固定模板幫助開發者加快開發速度，降低開發成本，這使得很多創業型的中小型開發者也可以參與到車聯網的生態建設中來。

由于車載小程序和手機小程序的底層框架是打通的，這也是說，如果某個小程序在移動端上沉淀了足夠多的用戶，并且適用車載場景，具備服務能力的話，就可以快速完成車載小程序的移植，這對于建設豐富的出行服務生態和車聯網都是具有實際意義的。

3.2現有車載小程序 

• 騰訊車載小程序

騰訊車載小程序目前大致分為三類：出行服務小型車、生活服務小程序和視聽服務小程序，其最大特點是基于位置和場景會被自動喚醒。比如用戶經過加油站、停車場、旅游景點的時候，有些購買和支付的服務就會主動彈在車機上，用戶再通過語音完成操作。

如果說手機小程序是“人找服務”，那么騰訊車載小程序則進化成“服務找人”。

傳送門：（關注公眾號私信我領PDF）

• AliOS車載小程序

基于算法和豐富的生態服務體系，AliOS車載小程序的最大特色是自帶場景智能感知的基因。得到車主授權后，車載小程序可以圍繞行車場景，實現上車前、行車中、下車后自然串聯的智能化場景服務。

譬如，用戶可以在車上通過觸控、語音、手勢等多模態交互方式，咨詢附近的推薦餐廳，小程序會基于用戶的喜好作出推薦，還可以預約排號；到達餐廳附近，系統會自動喚醒小程序，為用戶找到停車場；下車后，車載小程序會無縫連接到手機小程序端，用戶可以在手機上查看餐廳的預約信息等。

相比騰訊車載小程序，AliOS車載小程序的開放程度稍高，但也和手機小程序一樣，僅限于阿里系的商業生態之內。

傳送門： https://miniapp.alios.cn/index#/document

• 百度車載小程序

百度也在為自身搭建智能系統。所以相比騰訊和阿里，百度車載小程序的分類更加細致，場景也更加豐富。車企可以根據車型定位和自身需求，自行定義和組合可供使用的車載小程序。

所以很多科技公司轉向百度生態，讓大哥帶小弟的方式，一起進入到車企。百度開放的生態可以將自己主要功能接入百度App、百度地圖、百度貼吧、百度網盤百度系App上運行，還可以在愛奇藝、wifi萬能鑰匙等外部App平臺上運行。騰訊和阿里基于位置或者場景，可以自動喚醒小程序有所不同，百度的車載小程序大部分場景下還是只能依靠用戶用語音喚醒。

傳送門： https://chelianwang.baidu.com/homepage/openPlateform/design.html

三、車載系統的特點

梳理整個汽車的HMI 的發展其實我們追求的就是三個方向：

1、操作（快捷、精準）操作行為無法超過3秒

隨著大屏、多屏化的發展趨勢，觸摸和語音控制應時而生，為了增強操作合理性，以及減少或避免觸摸屏的誤觸功能。從信息輸入來看，以觸控、語音為主，手勢、視覺交互為輔；從反饋輸出來看，以視覺、語音、觸控交互為主，嗅覺交互為輔。

人機交互定義需要區分車輛是行駛中還是靜止狀態，車輛在行駛中，對于需要駕駛員操作反饋的交互行為需要遵循3S原則（上面提到的三秒原則），降低安全隱患。甚至有一些交互動作在車輛行駛過程中需要禁用的。

2、信息（清晰、聚合）信息功能需要高度聚合

得益于計算機算法的強大，汽車功能越來越完善，信息量也越來越大，為了讓用戶有更好的體驗，避免過多信息的干擾，必須做到界面顯示輕量化。

保障關鍵信息是醒目的，容易讓用戶視覺快速捕獲，在各種環境場景下具有良好的可見性和易讀性，無需駕駛員費力尋找和識別。

3、反饋（明顯、高效）高效的交互方式

在駕駛的過程當中，司機的雙手被占用，于是眼睛和耳朵感知要提高，與移動端的視覺顯示不同，HMI設計師需要注意除了基礎的視覺顯示規范外，還需格外注意與安全相關信息的展示、視覺警告、文字易讀性和顯示眩光等顯示問題。

在車輛行駛過程中，對于司機來說，聽覺反饋也是很有必要考慮的場景，通過語音反饋司機需要獲取的信息，能讓司機盡量保持視覺焦點在路況上。多場景的融合考慮信息獲取的效率，能減少在開車過程中的安全隱患。

四、車載的開發流程

車企現在對智能系統的設計越來越重視，因為只有把軟件實力提升才可以更好的掌握話語權，而且用戶研究與設計流程整合的方式能夠幫助汽車制造商在競爭激烈的汽車行業中先人一步博得用戶喜愛。

汽車HMI設計開發需要按照整車開發的流程進行，這樣在造車的各個階段才能有效的管控和輸出設計產物，由于HMI設計涉及的相關范疇廣，只有按照既定的流程才能設計出符合車機環境的系統界面。

1、整車開發流程

在解答如何展開HMI體驗設計前，我們需要了解現在汽車的整體設計工作流程，一輛汽車的生產需要經過V型的開發流程（從目標的制定到目標的驗證的過程）

大體可以分為六個階段：

1. 產品戰略階段
2. 概念設計階段
3. 設計開發階段
4. 工程車階段
5. 生產階段

2、HMI設計開發流程

然后我們來說一下HMI設計流程，HMI和C端B端的的設計大部分一樣，也是需要與汽車工程師，市場人員，設計調研人員合作。不同的是HMI的設計更多會反復測試保證安全性優先的情況下，滿足功能需求，整個HMI設計過程中及設計和實現是機密結合的 。

HMI設計開發四大流程

• 需求分析調研評估

在整車開發項目中，HMI體驗設計應該從立項時開始介入，主機廠在通過市場調研和用戶需求分析等調研方法，分析出市場上存在的潛在需求后，從平臺化角度評估需求的導入和定型驗收，和樣車研發同步進行。

• HMI創意設計

在得到用戶需求分析和市場調研的數據后，將這些數據轉化成為設計目標，得到初步的概念設計，之后在功能定義和產品開發達成一致之后，即項目目標正式確認，可開始進行細節和具體流程的設計；

主要包含以下細分模塊：產品功能配置、內飾設計、市場競品對標、人因分析、硬件約束、軟件約束、功能需求定義、交互設計、視覺設計

• 工程實現驗證評估

在驗證評估階段中，通過臺架仿真測試，或者提供特定評價用車和培訓用車以及進一步的分析和質保路試。進行體驗驗證和設計迭代。之后是系統開發、硬件開發、軟件開發、整車測試與評價。即可開始生產批量試制（PVS）。

• 開發測試

最后是工程開發驗證階段，跟進實車功能測評，生產批量試制流程凍結后，會進行批量生產前總演習（OS），全面驗證批產。所有流程環節都驗證成功凍結后，產品則開始投入批量生產（SOP）。

整個分析下來HMI設計流程看似和互聯網的開發流程大體相似，其實還是有很多不同，甚至可以說沒辦法完全復用的。因為兩者的側重點不同，關于汽車HMI設計與互聯網設計原則的差異，和具體HMI的設計流程細節我們下次講！

原文地址：七醬設計筆記 （公眾號）

作者：郝小七

轉載請注明：學UI網》設計要知道-HMI設計必看！車載HMI的設計入門

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

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

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