這是一款智慧工地云平臺，運用5G通訊技術,結合PC端和APP端,規范工地管理提高安全質量的檢查整改效率和流程將整個工地納入監控范圍,揚塵監測、大型設備監測、材料進場管理、車輛出入監控,了解實時動態等信息;人員信息實名制錄入管理,進場人臉考勤識別打卡,可一鍵上傳考勤薪資數據至住建局,接受政府單位監督;提升管理人員對工地的多維度把控和管理效率。
2021~繼續前行
轉自：站酷
作者：愛吃草莓的丫丫
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
2016 年玩追波的時候，有幸加入了 FreedomUnion 團隊，當時團隊內的小D（Dea_n）的界面漸變風很受歡迎，他使用的顏色干凈、舒服、有感染力，很快形成了自己特有的設計風格。
我被他的配色深深吸引了，特別想研究他的配色，就嘗試把他的作品在 PS 中打開，嘗試吸色，找找他經常使用的配色范圍。為什么他配出來的顏色就很吸引人，長時間看眼睛也不會太累？下面先欣賞一下小D（Dea_n）的設計作品。
作品已經過了三年了，如果是一般的配色作品應該看上去會有些過時，但是小D（Dea_n）的作品看上去并沒有，還是有不少作品的配色現在看上去也是很前衛的。一起來看看我對小D（Dea_n）的大部分作品的吸色情況吧。
小D（Dea_n）的用色著實很大膽，很多都是貼邊用色。我上大學的時候，老師曾經說過盡量少用貼邊的顏色設計，包括灰色也可以使用帶有顏色傾向的高級灰。這下終于明白了為什么小D（Dea_n）的配色這么亮眼。
當然我也有自己的小發現，我發現每個的作品主配色的 CMYK 值總會有兩種色值為 0%，比如C：0%、M：91%、Y：95%、K：0%。
難道只是偶然？當時我也請教過小D（Dea_n）是否是刻意的，得到的答案是并沒有。然后小D（Dea_n）靠自己卓越的配色能力進入小米 RIGO 設計團隊。
當小米 miui9 系統官網海報出來的時候，我把作品拿到 PS 一吸色，結果告訴我小D 一定參與了這個作品的配色設計。那為什么只有黃色的 CMYK 的色值是有 3 種顏色混合而成的。
難道僅靠著一點吸色就可以肯定 CMYK 配色方法的存在？CMYK 配色方法是不是只存在 UI 界面設計中？CMYK 配色方法可不可以增加它的擴展性？CMYK 配色方法可以作為一種配色方法幫助設計師完成色彩搭配的工作嗎？帶著這些疑問我繼續研究配色。
我們來看一下「子彈短信」的應用圖標，它的用色基本符合之前說的 CMYK 配色方法，當然是不包含子彈上的深色調。漸漸地我發現 CMYK 配色方法的路子越來越寬了。
Asher 是追波繪畫寫實圖標的大神，他的寫實作品配色飽和度高，光影通透到位，需要很強的手繪功底。在他的設計作品中除去暗色調和深色調的部分，其他配色基本都使用了 CMYK 配色的技巧。
我們都知道 iOS 系統和 Android 系統，在他們各自的系統規范中對配色也有相應的規范。我們提取兩大系統規范中的配色進行吸色分析。
一頓猛吸之后，發現大廠系統規范的用色也基本符合 CMYK 配色方法的標準。
前段時間 IBM 重新定義了他們的設計語言，在產品配色中 Blye 60、Alert60、Alert40、Alert20、Alert50 等主要配色都符合 CMYK 配色的方法。
近期很多互聯網公司進行了品牌改版，深亮色調到淺亮色調慢慢成為一種趨勢。
新版的 Facebook LOGO 從深藍色變為亮藍色，字體則繼續保持原樣。其中 CMY 值進行適當減少。除此之外，圖標部分也由原來的圓角正方形變為圓形，圖標中的「f」從偏右的位置移到圓形的中間位置。
全球旅行者喜愛的民宿預訂平臺 Airbnb 的品牌 logo 主色也符合 CMYK 配色的方法。和 2019 潘通流行色珊瑚橘很接近。
微信 7.0 版本使用了經過調整的全新圖標。圖標除了原來綠色漸變的背板變淺外，兩個標志性的對話氣泡與背景板的比例也做了相應的調整。色彩的 CY 值減少了。調整后的新版圖標除了空間感和符號感也更強外，整體變得「更輕」了。
在網易云音樂 6.0 版本中，對品牌 LOGO 再次進行了調整。新版網易云音樂圖標最明顯的變化為紅色的主色調，其次為「留聲機」和「音符」組合而成的圖形部分。
紅色較之前變得更加明亮，同時圖標紅色背景由之前的純色改為輕微的紅色漸變填充。新的紅色著重考慮了用戶長時間使用屏幕造成的視覺疲勞，采用比較「輕」的色彩可有效降低這種問題。其中顏色 CMY 三種色值都有減少。圖形部分，新版圖形縮小了中間交叉部分的面積，頂部向右彎曲的弧形變大。整體效果較之前更加清晰，特別是在更小的應用尺寸中，其展示的效果明顯要比之前的好。
看到上面的描述是不是特別想知道當 CMYK 中的兩個色值同時為 0 時，不同顏色的色域范圍？帶著這樣的想法，把紅橙黃綠青藍紫中每類選一種顏色進行區域研究。打開 PS，在拾色器中截取不同顏色的色域范圍如下：
上圖白色區域就是在紅色 C 值為 0、K值為 0 時的色域范圍，范圍還是很小的。
黃色的 CMYK 色域很奇怪，在色相 38-58 度的黃色純度最高時，CMY 都有色值。也就是 PS 里面最純的黃色也是由 CMY 復色調和而成的。這也是為什么之前黃色使用時，CMYK 色值是由三種顏色混合而成的。
上圖白色區域就是在綠色 M 值為 0、K 值為 0 時的色域范圍，范圍開始慢慢變大，意味著綠色高飽和度的可使用顏色越來越多。
上圖白色區域就是在綠色 M 值為 0、K 值為 0 時的色域范圍，范圍也開始慢慢變大，大體范圍和綠色相當。
上圖白色區域就是在藍色 Y 值為 0、K 值為 0 時的色域范圍，范圍應該很大了。
上圖白色區域就是在紫色 Y 值為 0、K 值為 0 時的色域范圍，范圍和藍色的色域范圍相當。
上圖白色區域就是在洋紅色 Y 值為 0、K 值為 0 時的色域范圍，范圍和藍色、紫色的色域范圍相當。
1. CIE
從理論上講，可見光分布的色彩域就是 CIE 所表示的色域。在顏色感知的研究中，CIE 1931 XYZ 色彩空間（也叫做CIE 1931色彩空間）是其中一個最先采用數學方式來定義的色彩空間。從 CIE 圖中能看出冷色的區域遠遠大于暖色的區域。其中黃色和紅色的色域范圍相對較少，完全符合 PS 拾色器里面的色域范圍。
2. RGB
RGB 是計算機熒光屏顯示顏色的色彩方式，它們是由 R、G、B 三種發光質通過加光混合產生的。RGB 色彩模式是一種加色模式，將紅光、綠光和藍光以不同的比例相加可以合成各種各樣的色光。R、G、B 三種顏色各能產生 2 的 8 次冪，即 256 級不同等級亮度的顏色。256*256*256 即 16777216種顏色。RGB 色彩模式主要用在電腦顯示器和電視上。RGB 色彩模式是繪圖軟件最常用的一種顏色模式。
3. CMYK
CMYK 由C（青）、M（品紅）、Y（黃）、K（黑）四色高飽和度的油墨以不同角度的網屏疊印形成復雜的彩色圖片。CMYK 色彩模式是一種顏料模式，它利用色料三原色混色原理，加上黑色油墨，形成各種各樣的色彩。
這種模式屬于相減混色模式，廣泛運用于繪畫和印刷領域。CMYK 的色域范圍比 RGB 的色域范圍要小，某些色彩無法用 CMYK 油墨印刷出來。當這些不能印刷出來的顏色出現時，在 PS 的「拾色器」對話框上會顯示一個帶感嘆號的三角形警告標志，表示這些顏色超出 CMYK 的色域。即使設計了比較鮮艷的顏色，如果超出了 CMYK 印刷顏色的色域，計算機就會用一個接近它的較灰暗的顏色去頂替它?？梢姶蟛糠?CMYK 印刷顏色的色域小于 RGB 屏幕顏色的色域。
我們來仔細研究下 CIE 色域范圍，CMYK 當中的黃色色域值有一小段超過了 RGM 的色域值。這就說明黃色的更飽和的 CMYK 的原色和間色可能在 RGB 的范圍之外。
其他的我們還有一個方法去驗證。就是在 PS 里面新建顏色模式為 CMYK 的文件，打開拾色器界面，把顏色調到右上角改變色相值的 0-360度 的范圍。色相在 38-58 度的黃色區域對話框上不會顯示帶感嘆號的三角形警告標志，表示黃色區域的 CMYK 色域值是超過 RGB 的色域值。這就是為什么 iOS 系統規范中的黃色色值必須是三種顏色混合而成的。這時候特殊的顏色就需要特殊處理。
CMYK 配色法就是兩種顏色的色值為 0%，但是黃色因為色域問題是由三色組成的（c值盡量小于10）。
色域集中在純色系的范圍，濁（灰）色系和暗色系除外。
界面的主色（純色系為主）、圖標設計、品牌色（純色系為主）都可以使用 CMYK 配色法。
CMYK 配色法目前多適用于互聯網產品，雖說在創意上要敢于創新，但在實際的工作中還是需要理性地根據公司品牌和產品定位，合理地進行色彩搭配。目前此方法沒有更多的理論依據支撐，如有疑問希望多多交流。
文章來源：優設網 作者：水手哥
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
題圖來自Saurageresearch
企業對客戶旅程總體的認知與應用比例為25%，屬于初期水平。2C類企業、大型企業、金融行業對客戶旅程的認知和應用水平明顯高于其他類型的企業。大多數企業在最近兩年才開始嘗試客戶旅程方法，主要由研究、設計、客服部門在主導客戶旅程的應用，客戶旅程地圖的繪制頻率大部分是每年或半年繪制一次。
企業目前主要將客戶旅程應用于客戶需求分析、產品和服務的設計、以及客戶旅程測量與分析等領域，并在提升客戶滿意度、促進以客戶為中的企業文化，以及提升營銷和運營的轉化率方面效果最明顯。大部分企業對認為客戶旅程有積極的效果，極少給出負面評價?？蛻袈贸谭椒?/span>使用時間越長，客戶旅程地圖繪制頻次越高的企業獲得效果越明顯，并且2B企業比2C企業獲得效果更明顯。
雖然目前由市場部門（包括營銷、銷售和品牌部門）主導的比例較少，但由市場部門主導客戶旅程應用獲得效果明顯好于其他部門主導的情況，由客服部門主導的效果低于其他部門。這與MyCustomer在2018年在歐美的研究結論相反，這可能說明市場部門在客戶體驗領域的主導權在逐步上升。
對于未來一年的使用客戶旅程的意愿，雖然各類企業對客戶旅程方法的效果表示肯定，并且明確表示不會使用的比例很少，但相當比例的企業存在較大不確定性。存在的主要困難和挑戰包括專業知識、方法和技能的欠缺，以及專業工具和平臺的不足。未來客戶旅程方法要在整體應用水平上取得突破，這些方面是需要重點聚焦的領域。
02：
不同類型的企業，在客戶旅程的認知和應用程度上也表現出較大差異：2C企業的應用程度明顯高于2B類型的企業，總體認知和應用比例分別為30%和20%。大型企業也明顯高出中小型企業，分別為29%、22%和19%?？蛻袈贸淌且粋€相對比較復雜的系統性方法，真正的應用需要人員、資金等各項資源的投入，大型企業更具備優勢。相比而言，小型企業的在。分行業來看，認知和應用程度最高是銀行/金融/保險行業（30%），一方面是由于這個行業的本身的客戶決策流程長、金額大、風險大，另外一方面也是由于這個行業的利潤較高，企業有相對較為充足的資源進行投入。
由客戶研究部門和團隊主導客戶旅程的繪制時目前的最常見的模式，其次是設計部門，以及客服、品質部門主導。但產品、戰略、營銷、銷售部門主導的情況也一定的比例，這也說明目前開展客戶旅程應用的企業，其目的存在多樣性。不同部門來主導，其方法和應用上也會存在差異。
在繪制客戶旅程的過程中，目前主要用的是客戶調查數據和客戶訪談數據，這也是客戶研究團隊最擅長和最容易采集的數據。其次最常用的數據來源是客戶行為和客戶反饋/投訴數據，總體上對外部數據應用多于內部數據，對小數據多于大數據。
在客戶旅程地圖繪制工具方面，使用最多的是PowerPoint，處于絕對領先的地位；其次是常用的繪圖和設計工具，例如Visio、Photoshop、Adobe Illustrator等；專用的客戶旅程地圖繪制工作使用比例非常低，最主要的客戶旅程地圖專用繪制工具UXpressia的使用比例也只有10%，其他的則更低，使用比例只有2%-4%。主要是目前客戶旅程地圖繪制并不是一項常見工作，所以通用型的文編編輯和繪圖工具會是常用選擇，而目前的客戶旅程地圖繪制工具多為英文版本，國內還沒有出現較好的客戶旅程地圖繪制工具，這也是客戶旅程地圖專用工具使用比例較低的重要原因。
不同情況下，客戶旅程的應用效果也不盡相同。調查數據顯示，使用客戶旅程方法時間越長，繪制客戶旅程地圖頻率越高，客戶旅程方法取得的效果越好。使用2年以上的企業和2年以下的企業表示有效的比例（包括“比較有效”和“非常有效”，下同）分別為83%和69%；每年繪制多次客戶旅程地圖的企業和多年繪制一次地圖的企業的表示有效的比例分別為81%和62%。
在將客戶旅程方法進行具體應用時，最常見是用于客戶需求分析、產品和服務設計、客戶旅程分析和測量。其次是在企業文化建設、工作管理和溝通方面的應用。在具體操作層面，例如客戶旅程編排、營銷和互動，目前也有一定比例的具體應用。隨著客戶旅程方法應用的進一步深入，直接到操作層面的應用將逐步提升。
客戶旅程在不同領域的應用對最終的效果有明顯的影響：表示客戶旅程應用效果一般的企業在各個具體應用領域的應用比例均低于獲得明顯效果的企業。效果一般的企業在客戶需求研究和分析、客戶旅程編排、市場營銷和推廣，以及品牌傳播與互動方面的應用差距最大（落后超過10%的比例）。從調查數據來看，雖然用于編排、營銷和品牌的總體比例不高，但確實影響最終應用效果的顯著因素。
通過以上在不同領域的應用，客戶旅程方法在各個方面的效果都有所體現，尤其是在提升客戶滿意度、強化以客戶為中心的企業文化、提升營銷和運營的轉化率方面最為明顯，分別由59%、54%和37%的企業表示在這三個方面得到了提升。
不同類型的企業未來使用客戶旅程方法的可能性也存在明顯差異。使用客戶旅程越久、使用頻率越高，獲得的效果越好的企業，繼續使用客戶旅程方法的傾向越高。2C企業比2B企業未來更愿意使用客戶旅程，雖然2B企業獲得效果更明顯，但2B企業使用客戶旅程的難度和成本更多到，導致2B企業的使用意愿要明顯低于2C企業。另外，相對于中型和小型企業，大型企業的使用意愿明顯更高，表示可能會使用的比例達到了61%，明顯高出中小型企業。
對于在客戶旅程應用過程中的挑戰，最大的困難不是預算不足，而是知識、方法、技能、工具和人員的欠缺和不足，尤其是專業知識和方法的掌握不夠，是最大的兩項困難。其次碰到的問題是企業高層，以及其他部門的支持不夠。
文章來源：UXOOLS
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
編者按：這篇文章來自資深設計師 Taras Bakusevych ，他對于產品和體驗有著非常深入的理解，這篇文章深入梳理了如何制作用戶歷程圖才是合理和便捷的，是一篇相當給力的用戶歷程圖終極設計指南：
用戶歷程圖（Journey Mapping）可能看起來是一個復雜的東西，尤其是當你嘗試在小組討論的時候把這個東西說清楚，會發現相當不容易。這篇文章將會為你闡明這一強大工具的使用方法，并且提供一個簡單的模板，并且幫你創建擁有足夠洞察力的用戶歷程圖，讓你像真正專業的 UX 設計師一樣，創建便利、深入、有效的用戶歷程圖。
在數字產品當中，用戶歷程圖可能是用來呈現用戶如何達成目標的最佳、最常用的工具了。當我們故事以可視化的方式呈現出來，就可以沉浸在用戶的體驗當中。這也是為什么說用戶歷程的價值是巨大的。
理解用戶歷程圖，會迫使我們以更加結構化的方式來思考整個用戶體驗，去梳理和定義事件的順序、關鍵階段以及事件之間的過渡。
同時，用戶歷程圖還能建立起用戶和設計師之間的同理心，當你隨著用戶歷程圖推進的時候，能夠更加深入理解用戶的痛苦和無奈，從而幫設計師理解用戶的動機。
用戶歷程圖還能幫你真正定義痛點，這是至關重要的。每種產品都應該在某種程度上幫助用戶，讓用戶生活更加輕松，如果你對痛點有所了解，自然就可以改善體驗。
根據實際的使用場景，用戶歷程圖會有很多不同的呈現形式，里面通常會包括一些圖形化的元素將整個歷程或者流程呈現出來，而余下的元素則采用解釋性的文本來作為支撐。
絕大多數的模板會顯得過度裝飾，且過于復雜，在很多時候，它們會作為項目中的展示性成果展現在PPT當中，而不是作為一種有效的工具，來幫助團隊來洞察需求。
如果你上網搜索用戶歷程圖，你會發現一大堆各式各樣的圖，這些圖和實際的理解是脫節的。
用戶現狀歷程圖反映的是用戶當前的狀態，這反映的是用戶歷程在優化之前、當下的狀態。而用戶未來歷程圖則反映的是用戶歷程在優化過之后，未來理想的狀態是什么樣的。
這兩者在結構和目標上是不一樣的，主要差別在于用戶角色的定義上。有的時候，你的用戶確實是消費者，而在很多情況下，用戶又不一定是消費者，這就是差別所在。
用戶歷程圖側重于呈現客戶的前端體驗，而服務藍圖則重在呈現后端的構成，以及交付方式背后的業務邏輯以及同產品核心之間的關系。
你可以在 Megan Erin Miller 和 Erik Flowers 的這篇文章當中找到更多的信息。
從來就不存在什么完美的用戶歷程圖，不過你可以基于某個版本的用戶歷程圖來著手。而這里準備的這套模板是經過長期測試和實驗之后總結出來的一款，它非常容易上手，復雜度也控制得恰到好處，并且它包含你所關注的絕大多數的指標，甚至更多。下面，我將教你如何逐步完成這個用戶歷程圖。
你可以在這里下載 PDF 文檔
在研討會或者工作坊模式下，開始用戶歷程的研究和搭建，是一個不錯的練習方式。在這種情況下，即使的團隊有較多的人，也最好按照小組來進行（每個小組3-5人）。根據用戶歷程的復雜度和涉及的內容的不同，通常你應該可以在 1.5 小時候完成整個用戶歷程圖的搭建。至于你能用到的文具，僅僅 需要多種不同顏色的便簽紙，筆和紅點貼紙即可。在開始之前，你需要和各個小組先聲明和解釋整個過程，并且確保所有人對于這個過程的流程、原理和方法的認知保持一致。
在這里，我們需要定義地圖的內容，用戶的整個行為歷程，以及他們試圖要達成的目標，都有哪些。這很關鍵，不僅要確保所有的參與者都很清楚用戶場景，而且要借此構建出對于后續設計有幫助的內容輸出。
演員——這個歷程與誰有關？整個歷程圖應該只和一個角色有關，也就是要經歷整個歷程的用戶角色。
場景和目標——描述參與的用戶的行動的情況和狀態，從而增加上下文環境的清晰度。描述用戶的目標，期望以及動機都有什么。
當前/未來狀態——闡明用戶歷程所在的階段。
Ps：即使此刻你要做的是某個未來的產品，也最好不要跳過當前狀態，洞察當前的用戶和產品狀態、痛點、習慣，有助于你去驗證想法。
接下來，你需要定義整個用戶歷程的大的階段。先把各個階段定義好能夠最大程度節省你的時間和精力。最簡單的方法，是先定義第一個和最后一個階段，然后再來填補中間的各個階段，不要創建太多的階段，而是將整個用戶歷程切分成為有意義的部分。
按照用戶操作流程，來逐個執行梳理各個階段用戶的行為、狀態。千萬不要試圖梳理得過于詳盡和細致，盡量專注于關鍵因素，確定用戶需要哪些要素，才能推進到下一個階段。
在這個階段，要開始描述和用戶執行操作緊密關聯的的想法，涉及到的問題，還有感受。在很多其他的用戶歷程圖模板當中，這個部分通常是和整個用戶歷程圖是分開的，但是實際上，只有合并到一起才是合理的。
在這個部分，我不建議將時間花費在用戶情感曲線的繪制上，這樣做的實際目標更多是為了更加具有視覺吸引力，并不具備實際的價值。
在這個步驟當中，我們會高亮標注出用戶在各個階段會接觸到的物理和數字交互點，以及涉及到的工具、人和服務。我相信各個階段所覆蓋的這些觸點，能夠幫助我們更好地梳理和構建出整個心智模型，并且能夠幫助產品和服務，讓它們能夠更加切合用戶的需求，更好地集成到一起。
如果你已經和你的團隊創建了類似移情圖、價值主張畫布，那么你無需在這個事情上重新創建相同的內容，因為用戶歷程圖和以上內容中有大量重復的部分，你只需要遷移過來即可。隨后，你可以將進度合并到當前的用戶歷程圖當中。
這個步驟，需要將各個不同階段的內容填寫進來。
給每個參與者一些紅點貼紙，方便他們在整個用戶歷程圖上，對他們認為是痛點的部分進行標記并投票。痛點可能和情緒有關（比如害怕提供個人詳細信息），也可能與行為有關（比如手動輸入快遞地址等）。這就是為什么最好不要為痛點創建單獨的行列，因為可能涉及到的點非常多也非常分散。如果需要對痛點進行深入的描述，使用紅色便簽紙來進行詳細闡述。
到了最后的階段。在確定痛點之后，我們就可以開始思考如何緩解或者消除痛點。通常，我們需要通過改進整體策略，完善功能，集成服務，來解決痛點，當然，更多的時候，可能還需要我們擁抱一些更加狂放的構思，通過創新來搞定痛點。
在小而無關緊要的細節上進行爭論，很容易迷失方向。我經常會看到某些小組會停留在第一階段，陷入爭論，無法推進。從來都沒有任何一個用戶歷程圖是完美的，因為用戶總會有不同的習慣，并且需要產品設計師從不同的角度來解決問題。
因此，這需要你和你的團隊專注于 80%最關鍵的用例，而不是在所有可能的事情上做復雜的取舍，并且踟躕不前。
文章來源：優設 作者：Taras Bakusevych
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn
