2021年如何做好作品集
今天分享的這篇文章非常長，我寫了1個星期。內容比較多，慢慢看。2020年馬上結束了，今年的環境真的變化太快了，設計師們也習慣了就業環境的殘酷。曾幾何時UI設計師是一個非常高大上的名詞，但現在UI設計師意味著難就業，工作難找。因為UI設計師是依附于產品設計的一個崗位，當經濟上行，大多數公司急需人員開展項目，所以會放寬各種要求。盡快完成項目。
所以培訓幾個月，就上崗拿月薪上萬的人大有人在。但是目前經濟情況大家都知道了，所以很多公司開源節流，招聘需求盡可能的減少。有招聘崗位那也是萬里挑一。所以面試不僅僅是作品，還需要看你的學歷，看你的工作背景，你曾經做過的項目。設計師已經成為名副其實的競爭最激烈崗位了。你的學歷，你曾經工作過的公司，這些是無法改變的過去式了，唯一還可以去改變的就是作品集了。那么2021年，我們的作品集到底該如何去做了？
作品匹配個人經歷
設計師的作品集是個人能力的體現，所以一些想走捷徑的人盜用一些其他人的作品，然后填充進自己的作品集，因為覺得作品越多越好。一個有經驗的面試官可以通過你的作品內容的水平是否平均，來判斷你的作品是否真實。比如我見過很多字體設計非常一般的作品，但是到了專題突然標題設計非常的復雜，這就明顯會讓人覺得不真實。
作品集的作品內容盡量去匹配你的個人工作經歷，比如你的上家工作是醫療行業，但是了你的作品集內容完全看不到。這樣別人會懷疑你的工作經歷的真實性。有時候我也會收到一些作品，讓我看看是不是竹筍同學的作品。我也看到不少次一些作品集里放著京東或者網易的大廠作品，但是簡歷是完全看不到的。別人會對你進行背調，設計師現在有大量的渠道互通，背景去了解后，如果作假那么就會被拉黑的。
刪除小練習
有追求的設計師，都會在工作之外去學習一些技能去提高自己的專業能力。這些能力可能不會馬上去應用在工作里。比如一些插畫，一些字體設計，或者C4D。但學習肯定是從基礎簡單開始，然后到技法復雜的作品。一些設計師舍不得小練習，覺得這也是我的作品，我要放到作品集里，但這些零散的基礎的小練習，并不能給你的作品明顯加分，反而會減分。對于這些練習的作品，如果技法難度不足，就不要放了。如果需要放也要考慮放在哪里，如何去用。比如一張插畫，單獨放在作品集里，會覺得非常的零散。如果做系列插畫，做為APP設計的啟動頁去展示，就會豐富飽滿許多。
應屆生的作品
設計競爭非常激烈，很多大三大四的學生就有意識很早的開始學習了，為了尋求一份好的實習工作。首先弄明白為什么一些公司招收實習生，因為你是潛力股。更看中的是你的設計潛力。所以你學校的作品?；蛘吣阃ㄟ^插畫字體設計，這些基本功判斷你是否具備相應的潛力。但是現在有一個非常不好的現象，就是在作品集大量充斥著各種高深的產品分析和理論講述。這個現象集中在UI 設計中最普遍。
學生是沒有任何真實項目經驗的，有也是在項目中擔任輔助角色，所以各種用戶畫像，產品背景分析其實是非常懸浮在空中的，沒有真實參與過任何商業設計，或者一天生意也沒有做過，卻模仿社招工作多年的設計師，去講述各種理論數據分析。其實在面試官看來是非?？尚Φ摹．斎患兘换セ蛘哂脩趔w驗的應屆生。確實應該多做這方面練習。但畢竟這樣的崗位稀少。而且不符合大量實習招聘職位的需求。
大廠作品集
現在互聯網的共享資源是如此豐富，也有很多樂于分享的設計師分享自己的作品集，我們能找到各種作品集的參考。我們都能看到各種吸睛的標題，例如常見的標題就是大廠的設計師如何做作品集的，每個設計師都有一個大廠夢，我們希望通過模仿大廠設計師的作品集，去入職大廠，這樣愿望是美好的，但現實很殘酷。全國有幾千萬設計師，大多數設計師所在的城市決定了，并沒有這樣的大廠存在。由于大廠的分工非常細致，每個設計師所分擔的職責非常垂直，做UI界面的基本上不會去做運營設計相關。而做界面中，又會花大量時間研究項目所在的模塊的每個細節點。所以可以每個小細節點去做非常多的理論分析。
大廠作品集里面面最值得看的其實是項目經驗的總結，這些偏理論分析的內容，其實對于很多在二三線城市的設計師并沒有很直接的參考意義。試想下做為一個二三線的城市的老板，他招設計師的目的是什么，是不是去解決日常公司里美學問題，或者去做界面，或者去做專題，或者有時候公司日常有個易拉寶海報啥的也要你去幫忙做下，可能有的設計師覺得這不就是美工，多廉價。但是確實大多數公司設計師生存狀態就是如此。所以對于大多數設計師來說。你的作品集里如果充斥大量純虛擬UI的界面，不管你理論分析寫的多好，可能對于面試官來看，就是千篇一律，直接翻翻就PASS了。
清晰的結構
作品集是你個人能力的體現，也是你過完項目經驗的總結。不管是哪種。都需要細細的整理。而不是作品堆砌。常見的作品類型就是APP設計，專題設計，Banner設計，字體設計。我們常見的分類是方法是根據求職崗位進行區分，比如偏UI設計的可以整理2到3個APP設計。如果求職方向是純視覺設計，那么需要整理專題設計，banner設計和一些字體品牌設計相關內容。如果是在二三線城市。我建議作品集的內容類型還是豐富一些，單一的類型的作品雖然聚焦，但是可能并不適合大多數人。
文件夾作品
五年前，如果你出去面試找工作，帶一堆文件夾出去，別人會覺得你這個設計師水平比較差，連總結都不做。所以我們必須做一份漂亮經過整理的作品集。有一次有個學生問我UI面試有沒有什么技巧，我說技巧都是輔助，重要還是作品。我建議學生整理好作品集的同時，另外把作品以文件夾形式一個個項目整理好，因為這樣別人會通過查看你的作品明細，可以對你的個人水平有更深入的認識。
為什么會這樣了？因為圈子里有一些不好的現象。就是有很多抄襲搬運現象。甚至某寶上還有賣作品集的。這些現象尤其以插畫和APP作品為甚。十幾個拼湊的界面，五六頁的展示一個APP的項目。所以很多面試官對面試者水平產生各種懷疑。現在出去面試必然會做測試題。因為面試官有時候也無從判斷，只能通過這種最簡單粗暴但不友好的方式去看面試者水平。
設計思維的展示
作品集內的內容一定要想辦法走差異化路線。不管是UI類型的作品集，還是視覺類型的作品集，都不要千篇一律。比如一張插畫的展示，不要只放置一個作品圖片，，可以多展示一些設計思維，從頭腦風暴的國潮，靈感的來源，價值的呈現多維度的去展示作品。
UI作品集的內容
作品集內放什么作品，這是設計師第一個需要明確的，我的下一份工作是做什么。如果是純UI界面崗位，作品集呈現以純Ui界面為主。并不需要加入太多純視覺設計的內容。當然這樣的的做法，面試機會非常少，有一定賭的成分。首先作品集里呈現的UI項目需要和你的工作經歷匹配，這些項目的展示是你真實經歷過的，如果你想靠純虛擬的項目在大廠去某得一份純UI工作，基本上的概率和中彩票差不多。
因為市場上太多存量的大廠設計師也等著去跳槽，他們有著豐富的項目經驗和表達話術，這點你是無法比擬的。純UI界面的作品集，如果有幸進入面試環節，在實際面試時候，對于項目的具體細節，你并不能講的非常明白透徹，可能就沒有機會了。因為大廠設計師每天專注具體的項目具體的模塊，可以每個小細節講的很清楚，再加上出名的項目支撐，面試官也會高看一眼不是嘛？所以純UI界面的作品集在實際的找工作中，非常吃虧。大廠的面試官看不上，覺得你寫的那套理論非常的空洞模板化。中小廠覺得你作品缺乏綜合視覺能力，能力太單一。
運營作品集的內容
如果是純運營視覺的作品集，以運營專題設計為主，這類設計師可能也具備做UI的能力，那么很多運營設計師最糾結的是，我要不要去放界面的內容。那就根據你找工作的方向來定，如果你找純視覺運營的方向，可以不放界面作品集，因為你的工作內容并沒有這個，放上去顯得并不專業，或者有點畫蛇添足。
也有人糾結我是不是應該找一些各種數據理論來支撐一下，不要讓人覺得我是一個純畫圖的。我的建議是，如果去大廠，當然要。你需要多在作品集里體現運營的體系思維。比如各種運營組件的整理，各種品牌營銷的視覺設定。這些才是大廠設計師具備的素質，如果你只是滿足作品集里加入各種漂亮的專題和Banner設計，你會發現你好像在找一個類似美工的工作。因為你的作品集里體現的只是一個執行思維，并沒有營銷驅動的體系思維。
UI+視覺作品集的內容
這個方向，其實我建議大多數人的方向，因為90%以上的設計師，其實就業都在中小型公司，日常需要解決公司里各種美學問題，不管你是做UI，還是日常的運營視覺，甚至一些線下的平面設計。所以公司需要的是你的作品集呈現你具有綜合視覺能力。我的建議是是各種類型作品都要放的，當然這類作品集最大的問題是雜而不精，數量很多，單個作品沒有出彩的。所以如果你走這個綜合性路線。必須讓你的作品集看到出彩點。
下面我們來具體講講UI作品集應該怎么做？
作品集的內容
UI設計師的主要工作以界面為主，大型互聯網公司的UI設計師專注于界面設計，而中小型公司更加偏綜合，界面和視覺設計都要兼顧。到底在作品集里放多少APP？首先不是你放置APP數量越多越好，如果你的公司只專注一個APP，那么你可以就放一個，但是你需要通過大量篇幅去把這個APP的每個細節介紹清楚。不用五到六頁蜻蜓點水的介紹。這樣對你的作品集篩選沒有任何的幫助。
模板化的話術
曾經UI界面設計很純粹就是考慮如何設計一個舒服的界面，讓用戶用的舒服，所以用戶體驗為中心這個詞提出的頻率非常高，但現在發現好像沒人提這個詞了，設計并賦予了更多的職能。必須談商業，必須談轉化率，有人說這是UI設計是商業設計一環，所以必須更多的談商業，所以你會發現現在周圍的UI設計更多的談設計賦能，用戶增長，營銷架構，商業戰略，宏觀視野這些詞匯。感覺設計師背負了這么重的使命，快成CEO了。
這些話術是不是很熟悉，你好像在每個作品集里都可以看到。你要是很純粹的談一些微觀的界面流程優化，感覺你的格局太小了。大廠設計師特別喜歡引導這樣的潮流，因為我們并不清楚這里面很具體是怎么樣的。比如你會在每個作品集里都看到千篇一律的KANO模型話術。這是一個產品經理應該去考慮的事情，設計師應該有產品思維也非常對的。但是當一個作品集每個人都寫一樣的KANO模型和用戶體驗地圖話術的時候，這個事情就不正常了。因為并沒有仔細深究，只是粘貼復制而已。
所以我們更多的是邯鄲學步，明明你是一個剛畢業的學生，也學著務虛的商業格局，這樣是非常不嚴肅的，所以目前大量的UI作品集里充斥著這些模板化的話術，是非常耽誤人的。我的建議作品集里少去談這些非常宏觀空洞的話術，作為普通設計師，多去關注一些UI設計交互體驗細節。
數據分析
現在APP的界面講究數據，你的APP下載量是多少，用戶多少，月活日活是多少。如果是改版的項目，通過你的改版取得了什么數據的增長。其實這些確實是商業設計關注的點。一些設計師如果如果不關注這些，去描述自己的項目的時候就容易底氣不足，如果是虛擬項目，那更是啞口無言。其實這些并不是衡量你UI設計的唯一標準。對于大廠設計師提供的各種數據，也不要迷信。其實UI設計只是整個研發流程的一環，一個改版的數據，可能是多種因素促成的。有很多已知未知的數據，設計師并不能完整的看到。所以了如果你是一個在職設計師，請多種渠道去關注你的設計數據。所以你是一個初學者或者只是參與某個模塊的設計，可以坦誠的面對。不要試圖編造一些無法驗證的數據蒙混過關。
樣機使用
UI作品集里我是不建議使用任何樣機的。在五六年前如果用還是可以的，可以作為一個視覺展示的亮點，現在作品集里還放這些，基本上作品集會被扔，因為別人覺得這是初學者。當然還有一種情況，就是本身界面細節不足，想通過樣機，把界面圖縮小，通過這樣取巧的辦法去蒙混過關。這樣在面試官那里也是很難通過的。我更建議UI界面用大圖展示，配以平實的排版，文字描述清楚你要講的點。UI的界面展示，能讓面試官看清楚你表達的內容。而不是用眼花繚亂的視覺手段去掩飾界面思考的不足。比如下面的某設計師設計的排版，沒有任何花哨排版，就是樸實的展示界面細節。我覺得這樣看似沒有設計的排版其實是最佳的展現形式。
品牌設計
不同公司對于品牌設計的定義不一樣。比如一些大型公司品牌設計是平面設計范疇下的，負責各種線上線下的各種品牌視覺，具體的比如我要做一次活動，我需要輸出一整套設計方案，這個方案供各種印刷或者線上界面使用。這是一些大型互聯網公司品牌設計需要做的
那么對于很多普通中小型公司的UI設計師，顯然沒有這么高的品牌要求，不會單獨招聘一個品牌設計師，所以這部分工作你可能也要承擔起來。同時作品集中UI部分顯然也需要去考慮一些品牌視覺的輸出。比如繪制一些IP形象在界面中貫穿。
并對這些形象進行視覺延伸，比如界面中的圖標，界面中的彈窗，界面中的缺省數據頁，都可以運用IP形象進行穿插。在IP形象冗余界面中，做的比較好的是閑魚APP
運營設計
很多UI設計師有這樣一個鄙視鏈，沉迷于各種產品分析，覺得做運營設計是非常廉價的，這樣的想法有歷史原因，當然最直接的原因是運營設計的薪資天花板比UI設計要低。在大廠里UI設計專注于界面設計的某個模塊，一個APP其實由一組人完成，每個人負責具體的模塊，所以研究的非常精細。但同時局限性其實也非常大。對于很多設計師來說。不要完全把自己的專業局限在純界面上，日常工作也會涉及到非常多的視覺運營設計。比如一張漂亮的啟動頁，一個充滿營銷味道的彈窗，這些都應該是設計師不可以丟下的基本功。
插畫設計
這幾年插畫設計非常的流行，很多UI設計師也覺得這是一個必備的技能去學習，那么作品集放一些插畫作品會不會給你加分了？首先我們招聘設計師是來解決工作中的各種問題，那么一個做界面設計師需要的實際應用能力。插畫也有非常多的風格，常見的兒插風格，厚重的手繪CG風格，漫畫涂鴉風格，扁平線性風格等等，并不是所有的風格都可以應用在界面設計中的。如果你只是做為業余愛好來學習。你可以任意選擇風格去學習。而作品集里放置一些零散的小插畫，除了讓面試官知道你會繪畫外，并不能有明顯的加分，反而這些小練習給人感覺非常零散，不專業的感覺。所以如果你想去學習插畫，請在界面中呈現插畫與設計結合的應用。比如啟動頁，banner設計，專題的頭圖等等。
C4D設計
C4D也是一個熱門的方向，這個可以運用在非常多的運營設計中，但是首先明確C4D不是那么容易學好的，入門非常容易，但是想精深需要花太多太多時間精進學習的。我看過非常的設計師作品集里放置了非常初級的燈管字之類的小練習，這些都是學習了幾個月的成果，然后發現工作中用不到，然后也沒有再去深入去研究了。就半途而廢了。那么你會發現作品集里放這些小練習，還不如不放，這樣會更加暴露你的專業不足的缺陷。下面是我一個設計師
今天就講到這里，我們將繼續更新下一篇《如何設計運營作品集》,
我已經寫好了，讓我再精加工下，當然也可以關注我的
設計公眾號《聊設計》liaosheji2010，第一時間觀看到我的更新。
轉自：站酷
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
隔了一年都沒發作品了，感覺還是得多發發作品提升自己呀。本來是還有兩張動效的，文件太大導出有問題所以我放棄了，下次一定做好優化。
“由理有劇”系列以”我們怎樣理解暗黑模式“為開篇，緣由作者正在任職的工作是 TO B 產品交互及界面設計，入職時正值公司整體產品線升級迭代，用戶界面從淺色模式向暗黑模式探索的階段。這個探索階段面臨的本質問題便是“到底什么是暗黑模式”，同時“我們為什么要用暗黑模式”的問題也隨之而來。
為了給公司同事闡述這兩個問題，作者搜集了大量資料，翻閱了相關產品系統所給出的設計文檔，重點圍繞“什么是暗黑模式”展開，逐步推敲其中的理論原理，總結出便于理解的文字內容。這樣做的目的簡單有二，一是與產品、開發、測試方面的同事能夠達成向暗黑模式優化升級的共識；二是能夠讓我們的各個產品線更從容地去擁抱暗黑模式的到來。
文章大綱
1、是什么？
2、為什么？
隨著 iOS 13 和 Android 10 的正式發布，“暗黑模式 (Dark Mode)”一詞逐漸走入了我們的視野，“暗黑模式是什么？”這個問題也一度霸占了Google搜索榜首。想要深入了解暗黑模式，也許我們可以換一個角度，從用戶界面的演進歷史中尋找線索，從而幫助我們更好地理解暗黑模式。
作者自從拜讀了《蘋果三劍客》，對于用戶界面的前世今生才有了更深的了解，蘋果的產品發展史，某種程度上也可以稱為用戶界面的演進史。廢話不說，下面讓我們一起簡單聊聊。
計算機誕生的早期，其顯示器一直以“暗黑模式”面向操作者，其緣由是早期的顯示技術一直被CRT主導，CRT釋義為“陰極射線顯像管”，在19世紀末被研制出來，因為制造原理相對簡單，所以CRT一直是早期電腦顯示的主力，但在上世紀80年代之前僅支持單色顯示。
下面兩圖分別為蘋果公司于1977至1980年間生產發售的 Apple II 及 Apple III 型計算機
圖中顯而易見，兩款計算機的顯示方式均為單調的黑底白字或綠字，呈現出一種“暗黑模式”的視覺效果。蘋果公司的 Apple II 和 Apple III 兩支產品線一直以這種“暗黑模式”面向用戶。這也反映了早期的計算機以輸入代碼執行數字運算作為主要功能，但是這從另一方面反應出：未來計算機會借助不斷成長、成熟的電子技術，必將掀起一場接一場的變革，用戶界面也隨之不斷地革新。
上個世紀80年代之后，CRT彩色顯示技術成熟，逐漸流行普及到各個電子行業，但當時主流的計算機操作系統并沒有“圖形界面”這個概念，所以大部分計算機產品依舊延續了先前黑色背景的顯示方式。
直到1983年1月9日，在年度股東大會上，蘋果宣布了兩款將在未來的計算機行業中占據關鍵地位的產品：一款叫 Apple Lisa （麗薩，老喬的第一個女兒），蘋果第一臺（也是全球第一款）基于圖形用戶界面（GUI）的計算機，也就是 Macintosh 的前身；另一臺叫 Apple IIe ，是已獲高度成功的 Apple II 系列的新一代進階產品。
Apple Lisa 向主流個人電腦行業介紹了一種全新的鼠標控制的圖形用戶界面，宣布向單調的黑白用戶界面告別。
運用形象的圖標、方便的下拉菜單和重疊的窗口，替代了此前一貫使用的輸入文字命令，Lisa的圖形用戶界面開啟了消費者與個人電腦交互方式的革新之路。盡管Lisa存在諸多缺點，如定價過高，功能缺失、運行緩慢等，但它的圖形用戶界面依然給它贏得一陣喝彩。
Lisa的GUI影響如此深遠，以至于諸多電腦制造商紛紛加入鼠標控制的GUI領域，爭相模仿。就在Lisa首次亮相十個月后，微軟于1983年11月推出了Windows操作環境。（對于此事，老喬總是公開譴責微軟的蓋茨抄襲他的產品創意，甚至想讓蓋茨吃官司，兩位大佬一直不合也是業界皆知，跑題了...）
///一個有意思的事兒：今年7月份，一位外國的蘋果粉在Twitter上發布了一條關于 Apple IIe 型計算機的動態，內容展示了自己使用 Apple IIe 型計算機進行智能化任務的過程，如發送推文、在Evernote中寫作、發送電子郵件，甚至控制智能家居（如下圖）。要知道，這臺計算機生產發售至今已有37年的時間。由此感嘆，不得不說蘋果對于產品的品控做到了那個時代的。
1984年，蘋果發布了個人計算機 Macintosh（麥金塔），Macintosh 延續了 Lisa 的圖形界面語言，并向世界普及了圖形用戶界面（Graphic User Interface）的概念，從而開啟了以白色為底色的圖形交互時代。
Lisa獲得的一些成就在 Macintosh 上體現的淋漓盡致，包括靈活的鼠標、點陣影像圖、桌面的布局、形象的圖標、相稱的字體、屏幕上方的下拉菜單和重疊的窗口，這些也得益于日益成熟的顯示技術和不斷進步的計算處理技術。形象生動的圖形設計和界面交互一直是老喬最引以為傲的杰作，不得不說，老喬對于計算機行業甚至是設計行業都有著極高的敏感度和先于旁人的前瞻性。（當然，這里的主語應該是蘋果）
Macintosh 產品的成功，不是蘋果一味地迎合計算機消費市場，而是利用創新的方式引導市場，引領計算機行業向人性化的用戶界面發展、邁進。
至此，我們也徹底地向“暗黑模式”說了再見，全面擁抱“淺色模式”的到來。
麥金塔搭載的 System 1 打破了字符終端的模式，淺色的界面風格一直持續到 System 6 都沒有顯著的改變。直到1991 年的 System 7 開始引入彩色，圖標也增加了隱約的灰色，藍色和黃色陰影。System 7 系列中的 7.6 版本正式被蘋果公司改名為 Mac OS ，而這一年是1997年。
與此同時，微軟的 Windows 從黑屏的 DOS 發展到全屏幕的 Windows 1，再到較為成熟的 Windows 3，最后演變到奠定當今 Windows 界面基礎的炫麗多彩的 Windows 95。用那個時代的眼光來看，微軟的變化是相當驚人的，微軟儼然成為了一匹計算機行業的黑馬，一路趕超蘋果成為行業霸主，而蘋果因為因循守舊，在界面設計上從領先掉到了最后。
此后，從 Mac OS 8 到 Mac OS X Server 1.0 ，蘋果一直專注于改善操作系統和優化界面表現，直到2001 年 3 月，經歷了四個開發者預覽版和一個公共測試版之后的 Aqua 界面終于跟隨 10.0 正式發布，發布后改變了人們對計算機界面的印象，在隨后的10年里蘋果一直沿用這套界面風格。
OS X 系列用戶界面較大的更新來自于2007年10月發布的 10.5 Leopard 豹，雖然基本的界面仍為 Aqua 和其糖果滾動條，但新加入了一些鉑灰色和藍色，另外重新設計的 3D Dock和更多的動畫交互使得新界面看上去 3D效果更強，此外還改進了 Finder、半透明菜單條并新增了最初只用于 iTunes 的 Cover Flow界面。
整體來說，Mac OS X 10.5 Leopard 豹 這一版本的用戶界面相比之前有了翻天覆地的變化，靈活生動的圖形語言和交互體驗重新得到了用戶青睞，蘋果也以此，再一次走上了引領潮流之路，使得多彩的“淺色模式”成為用戶交互界面的主流。
蘋果開創性的界面圖形語言也延續到了移動設備領域。
2007年的初代iPhone作為蘋果公司第一個移動設備產品（iPhone1代）首次亮相市場，驚艷了整個行業，iPhone搭載的 iPhone OS 和后來更名為 iOS 的系統，延續了 Mac OS 用戶界面的設計語言。在歷代iPhone上可以看到沒有物理鍵盤侵占空間的屏幕，精美的的方塊圖案整齊的排列開來，顏色豐富且耐看。
依稀記得當時的我們，還玩著黑白屏幕上的俄羅斯方塊，還敲打著物理鍵盤上的九宮格，挪雞鴨也表示永不為奴。
2010年堪稱iPhone史上最重要的一年，蘋果推出了“改變一切”的iPhone 4，并對其用戶界面進行了革新。
生動的擬物化設計風格正式成為業界潮流，這也使得UI行業逐漸熱了起來，蘋果的界面設計規范也順勢成為了主流的移動端設計規范。
蘋果以此作為移動端界面設計的基礎，沿用到之后的iPhone系列中，期間iOS系統的風格保持依舊，只有 iPhone 5S 搭載的 iOS 7 做出了圖標由擬物化向扁平化的改變，但整體都以“淺色模式”作為主流的用戶界面視覺模式。
在 Mac OS 的系統上，用戶可以通過“通用設置-外觀”來對整體界面進行淺色、深色的切換，可以看出，蘋果早已把“暗黑模式”納入到他們的開發隊列中，也就是說，“暗黑模式”的概念主要來源于蘋果的 Mac OS，這也為“暗黑模式”的正式登場埋下了伏筆。
自從有了這個概念之后，很多網站都為用戶提供了“淺色”和“深色”兩套界面，便于用戶根據自己的習慣或愛好進行切換。在 Mac OS 之后，很多 App 和 Android 定制 ROM 也加入了所謂“深色模式”的支持，其中也不乏 Web 端的網站、系統等。
北京時間2019年6月4日，果粉期待已久的蘋果WWDC19如期而至。
發布會上，庫克一如既往地優先調侃了Andriod系統一番….（蘋果一直喜歡用數據說話，想了解的同學可以回顧一下發布會的視頻）
言歸正傳，在發布了一系列硬件之后，庫克終于介紹了大家期待已久的 iOS 13。新發布的 iOS 13，除了提升系統流暢度和增加系統穩定性外，還介紹了其他提升用戶體驗的優化。
其中，最為引人注目的“暗黑模式”即將亮相于新系統。
發布會表示，暗黑模式可以“改善電池壽命，改善視力不佳和強光下的人的可視性，以及在弱光環境中更好地使用設備”。
“Wow，beautiful！”、“That’s beautiful！”、“That’s so beautiful！”發布會的主持人一邊演示使用在暗黑模式下的App應用，一邊不由自主地發出贊美。這也許也受到了老喬的影響，猶如在劇場舞臺中心的話劇演員，有著一種無可比擬的自信和氣場。
但有意思的一點是，主持人展示了 iOS 13 暗黑模式的開發團隊合照，從極客穿著到賽博朋克式的暗黑搖滾裝扮，這一戲劇性的變化似乎在告訴大家：“玩，我們也是認真的?！?
發布會上簡單演示了暗黑模式下的漂亮界面，雖然沒有過多地闡述暗黑模式的開發細節，但是這標志著暗黑模式“重新”登上歷史舞臺。
我們從蘋果產品發展史中，不難發現蘋果對于用戶體驗的理解是具有創造性的，總是能先于用戶發現用戶的潛在需求。蘋果產品的發展史也可以稱之為用戶界面的演進史，從早期黑色背景的計算機桌面發展到以淺色為主的用戶界面，再到 iOS 13 正式發布的“暗黑模式”，這一過程貌似是在“返祖”，但這些始終是圍繞以用戶體驗為中心的改變和突破。
“暗黑模式”是什么？拋開技術理論，簡單理解就是降低用戶界面在設備上的亮度，以深色的背景、較低的對比度、灰階的色彩來呈現用戶界面，提升用戶使用產品的體驗。
上面我們提到了，根據 Apple 官方的說法，暗黑模式可以“改善電池壽命，改善視力不佳和強光下的人的可視性，以及在弱光環境中更好地使用設備”。
我們可以圍繞這個說法，結合我們與設備、環境的關系進行探討。
隨著人們對智能設備的依賴性越來越強，設備使用的時間也高頻覆蓋了白天到黑夜，夜晚使用的頻率更是與日俱增，所以暗光環境的使用需求被實實在在地擺到了臺面上。以設計職業為例，在阿里巴巴 UCAN 2019 設計大會上分享的數據結果顯示：設計師群體夜晚的工作時間通常在5-6個小時…
不是在加班就是在加班路上的我們更習慣于在夜間工作，夜間安靜的環境更能讓我們專注設計、靈感爆棚。但這也在另一方面表達了我們需要設備更加符合我們在弱光環境下的視聽需求。
Dark Mode 由此應運而生，使用暗色模式可以縮小屏幕顯示內容與環境光強度的差距，可以保證使用者在暗光環境下使用設備的舒適度。也就是說 Dark Mode 可以降低屏幕的整體視覺亮度，降低對眼睛的視覺壓力，再也不用怕夜晚的設備屏幕刺瞎我們的雙眼了。
但這里我們要理解一個概念，“降低對眼睛的視覺壓力”并不等同于所謂的“護眼”，夜晚使用暗黑模式的設備，實際上并沒有改變屏幕的“頻閃”問題，所以說用戶看屏幕的時候依舊會有視覺疲勞的癥狀，所以各位大佬還是晚上少看屏幕，多愛護眼睛吧。
想象一下，我們在電影院看電影時，為什么要全場關燈？
甚至有些APP， 在影片的下方也會有一個模擬關燈效果的按鈕，來讓整個手機屏幕變黑， 只剩下視頻畫面的部分，這都幫助我們可以更專注、更沉浸在當前的內容下，也就是所謂的“沉浸感”。
這其中的原理就是色彩本身是具有層級關系的，深色會在視覺感官上自動后退，淺色部分則會向前延展，這樣對比強烈的層次關系可以讓用戶更注重被凸顯出來的內容和交互操作；尤其在信息負責界面內層級關系的合理拉開對操作效率都有明顯的促進作用。
這一點在股票交易軟件上就是最好的驗證，目前來看全世界絕大多數的股票軟件采用的都是負極性，也就是暗色底的設計方式。紅色和綠色代表的漲或跌（不同國家顏色表示可能不一樣）在這樣的深色背景下就會特別顯眼，還有一些顏色比如藍色用于某些數據的走勢圖。這樣的顯示幫助用戶更好地集中精力在數據獲取上，更快地做出決策。
這里所提到的消費品味是來自用戶層面的潛在心理需求。
從心理學角度而言，顏色可以影響觀者的感受和情緒，這直接影響到用戶對于一個事物的判斷和選擇，這就像我們消費購物一般，有時候我們的消費不完全是為功能、實用性買單，而更加看重的是一個產品的外觀屬性，當產品的外觀符合我們的消費審美甚至超越預期時，我們往往會更快地做出消費選擇。
而黑色在積極層面的外在直觀表現為高貴、莊嚴、鎮定、神秘，這代表著黑色相比其他顏色存在著更多的可能性，這也造就了黑色成為百搭色，可以作為其他顏色的底色、陪襯色進行使用。暗黑模式也存在同樣的心理暗示，沉穩、神秘的黑色會讓用戶聯想到產品的穩定和高級，提升用戶的心理信任度，迎合用戶的消費品味。
最后才探討耗電功效方面的問題，算是一個壓軸問題了，在某種程度上說，智能移動設備目前最大的矛盾是性能與電池功效的博弈。如果去微博等社交網站進行搜索可以發現，為了省電而使用深色主題或者說黑暗模式的用戶大有人在，尤其是一些中高端采用 OLED 屏幕的手機。這是為什么？
暗黑模式省電的作用來源于 OLED 這種材質的特性，這種屏幕經過多年發展如今已經取代了 LCD 在中高端手機上的地位。和 LCD 依賴于背光不同，OLED 自發光的特性使得屏幕能夠獨立控制單個像素是否發光，也就是說畫面越黑，采用 OLED 屏幕的手機就越省電。下圖做了一個簡單的理解示例，每一列的格子代表亮度，在不同亮度下有相對應的耗電量顯示，閃電的亮度代表耗電量的多少。
理解了簡單含義，我們再來看一下Notebookcheck上對于OLED功耗的專業研究數據。在使用 OLED 屏幕時，屏幕上顯示的內容決定了功耗。當屏幕基本全黑時（OLED <1% White），OLED 屏在任何亮度下的功耗都保持恒定。顯示了白色內容的屏幕，功耗曲線會隨著亮度提高而逐漸變陡。
上面的可視化圖表相對來說可能需要一定的理解時間，讓我們翻譯簡化一下。
上圖顯而易見，OLED屏幕的耗電量不僅受到亮度高低的影響，關鍵在于在OLED屏幕顯示了什么，有多少區域是淺色甚至是白色的，有多少區域是深色甚至黑色的，深色區域占比越高，相比較之下OLED屏幕也就越省電。這也就證明：OLED屏幕在使用以深色為主的顯示模式時，能夠降低耗電量，提升供電效率，也就是改善電池壽命。
///題外話：關于為什么我們的智能設備普遍采用OLED屏幕，可以參考Notebookcheck（文本鏈接），小伙伴們可以自行研究。
文章來源：站酷 作者：強強0075
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
之前，我們已經將「復雜應用程序」定義：為支持廣泛的、非結構化的目標或專業領域用戶的非線性工作流的任何應用程序。復雜應用程序在其支持的工作流程和最終用戶的類型上當然有所不同（比如從科學家到軍事專業人員再到金融分析師），但是復雜的應用程序通常具有相似的品質。
例如，復雜的應用程序經常出現：
（1）以專業知識為專業用戶提供支持；
（2）幫助用戶瀏覽和管理大型基礎數據，并啟用高級感官分析或數據分析；
（3）通過未知或可變的基礎任務支持問題的解決或達成最終目標；
（4）需要在多個角色，工具或平臺之間進行切換或協作；
（5）減輕執行中高影響力（或高價值）任務的風險，因為在高風險情況下，高額損失（例如收入甚至生命）會受到威脅。
盡管差異很大，但所有復雜的應用程序都面臨許多相同的挑戰，無論是創建這些復雜應用程序的從業人員，還是依賴于它們進行工作的最終用戶。
考慮到設計人員和研究人員在處理這些應用程序時面臨的共同挑戰，本文概述了8條復雜應用程序設計準則：
研究表明，當引入一個應用程序或系統后，用戶更喜歡立即開始使用它，而不受其復雜程度的限制。相較于花費大量時間學習使用教程、文檔或其他類型的幫助或設置內容，用戶更有動力開始他們的任務。（這種現象被稱為活躍用戶的悖論。）雖然在任務或安全關鍵領域中僅依靠試錯學習來進行應用是危險且不適當的，但一定程度的邊做邊學永遠是必需的，因為在培訓課程或手冊中不可能涵蓋一個系統的所有使用。
支持用戶立即開始探索界面這一偏好，允許他們通過嘗試和錯誤來學習界面，而不會導致工作損失或不可彌補的損害。
例如，限制了用戶執行長時間操作的能力，而看不到這些操作的結果。實時儀表板建構支持這一原理，其中儀表板元素預覽在建構時會實時更新。用戶不必等到任務結束就可以查看其操作結果是否符合其意圖。
在大多數情況下，即使是復雜應用程序的用戶也往往會處于中等水平。換句話說，大多數用戶在自己的設備上使用系統時，并沒有過渡到真正的專家使用水平。許多用戶會感到滿足，這意味著他們將繼續使用滿意的（通常是低效的）方式來完成任務，而不是花費時間為他們的工作流程尋找最佳解決方案。隨著時間的推移，這種行為將導致難以置信的生產力斷層，因為用戶將花費數年甚至數十年的時間，以低效的方式日復一日地使用同一個系統。
通過為用戶的工作尋找通俗易懂的溝通方式和更有效的方法，幫助他們轉變為使用更有效的方法并打破其根深蒂固的行為模式。
例如，與其僅僅依靠冗長的教程或手冊（甚至是寫得很好的），還不如在整個應用程序中嵌入加速器或附加功能的上下文學習線索。上下文學習提示是僅在當前任務的上下文中提供給用戶的提示。當用戶將鼠標懸停在工具欄菜單項上時，提示一種更快完成任務的方法的工具提示支持這一原則。
復雜應用程序的用戶通常在非線性工作流中執行廣泛的非結構化目標。對于這些工作流程，用戶可能不知道他們的確切最終目標，而是需要分析數據以尋找答案。即使存在一個制定良好的最終目標，用戶通常也不會遵循一組已知的、順序的子任務來實現它。但是，出于必要，該系統必須具有某種結構：與用戶交互的物理界面以及隨著時間推移完成的某種線性過程。
死板、線性的工作流強迫用戶從開始到結束完成一組操作，沒有退路或順序上的靈活性。通過避免這種死板的工作流，允許用戶在任務序列中具有靈活性。
例如，提供方法允許跳過前面的步驟，回溯前面的步驟，以及從任何步驟流暢地移動到任何其他步驟。再比如，面包屑中靈活的交互式序列圖使用戶可以返回之前的步驟，而不會丟失進度。
復雜應用程序用戶經常面臨漫長的等待，工作也經常被打斷。例如，復雜的數據分析可能需要花費數小時甚至數天的時間，而大多數復雜應用程序用戶所面臨的高復雜性的環境可能會導致其工作意外中斷。即使沒有計劃外的中斷，為實現目標而執行的子任務的復雜性和可變性也要求用戶在任務執行過程中將大量信息保存在工作存儲器中，而這些信息很容易在他們改變方向時丟失。
通過允許用戶在工作期間記錄他們的行動和思維過程，減輕工作記憶負擔，并幫助用戶在工作流中斷或中斷后恢復任務。
允許用戶添加和存儲有關特定數據、圖表或其他元素的開放式注釋是支持此原理的一種方法。例如，在復雜的數據建?；蚍治銎陂g，用戶輸入的注釋可以在稍后時刻提醒用戶創建模型的原因，以及他們創建模型時試圖回答的問題。
復雜應用程序用戶通常跨多個工具和多個工作區工作。即使用戶大部分工作主要依賴于一個專用應用程序，他們仍會出于多種原因而頻繁切換應用程序。例如，當主要軟件不支持該操作時，可以從在線數據庫中收集數據，查找和參考文章或其他外部文檔，或者在其他應用程序中做自己的注釋和評論。即使是在主應用程序中，存在軟件附加組件或其他啟用應用程序中各種專門功能的可選軟件包，用戶也可能在不同的環境或工作空間之間轉換。
通過支持從一個環境轉換到另一個環境（包括主應用程序內部和外部），減少工具切換的負擔。
減少工具切換負擔的一種方法是簡單地接受這個生態系統，并在主要應用程序和經常使用的第三方工具之間設計連接點。例如，復雜的工作通常需要協作和報告。將數據集導出到Excel或將圖像導出到PowerPoint的內置功能，使用戶在試圖編譯報告和演示文稿時節省寶貴的時間，否則將花費在轉換數據或屏幕快照圖像上。
復雜的應用程序通常旨在適應廣泛的用途。例如，環境機構用來測量和跟蹤蜜蜂生產的分析監測軟件也可能被汽車公司用來監測機器故障。使用場景的多樣性一方面使復雜的應用程序非常強大，但另一方面又常常非?；靵y。此外，復雜的應用程序通常必須同時支持新手和專家用戶，并且專家用戶可能需要新手用戶很少訪問的高級功能。
通過在不降低應用程序功能的情況下，地減少界面內混亂的外觀，幫助用戶管理在復雜應用程序中普遍存在的選擇、特性和功能過載問題。
分階段公開是一種減少混亂的方法，僅在選項與手頭任務或重點項目相關時才向用戶顯示選項。例如，只有在復雜表單或向導中選中相關字段后才顯示高級參數或設置，這就是與復雜應用程序相關的分階段公開的一個例子。
即使在界面中有效地減少了混亂，也不是所有的元素和信息都能（或應該）一次顯示出來。有些信息必須放到二級層次；然而，次要信息通常是必要的，以作為有關主要層次的信息的決定的上下文參考。
通過允許用戶在不離開主屏幕或環境的情況下訪問和查看補充信息，簡化主信息和輔助信息之間的轉換，并幫助用戶將主信息置于上下文中。
儀表板通常支持此原理，例如，當用戶將鼠標懸停在圖表或圖形中的特定點上時，它允許用戶在工具提示中查看更的定量數據。
復雜應用程序用戶執行的許多任務需要高度的視覺搜索。舉幾個例子：用戶可能需要在巨大表格中的表格視圖中查找和區分相關數據。系統警報必須引起用戶對界面相關部分的注意，以便用戶可以及時注意到并糾正潛在情況。在儀表板上簡單地查看和理解數據可視化也有一個重要的可視化搜索組件。在復雜的應用程序中，大量競爭信息和元素可能會阻礙這些任務。
通過在視覺上突出關鍵元素（例如，讓它們從周圍元素中脫穎而出），幫助用戶找到重要信息并對其采取行動。值得注意的是，突出重要信息并不總是意味著要強調這些信息（例如，明亮的顏色或加重字體粗細）。去掉不必要的元素可以同樣、甚至更有效地使重要信息在視覺上顯得突出。
例如，刪除無用的多余圖形或視覺元素可以讓留下的數據脫穎而出。儀表板模塊從數據元素中消除了不明顯的、難以理解的插圖，從而減輕試圖在儀表板上定位數據的用戶的視覺搜索負擔，支持這一原則。
復雜的應用程序是多種多樣的，支持各種用戶類型和工作流；然而，類似的挑戰存在于各種領域的復雜應用程序中。遵循這8條設計準則優化復雜的應用程序：
1. 邊做邊學
2. 幫助用戶采用更有效的方法來完成任務
3. 提供靈活而流暢的途徑
4. 幫助用戶跟蹤動作和思考過程
5. 協調多個工具和工作空間之間的轉換
6. 減少混亂而不降低能力
7. 簡化主要和次要信息之間的轉換
8. 視覺上突出重要信息
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
不知道大家有沒有聽過這么一個故事：某家餐廳銷量一直不太好，老板究其原因也沒有查明白到底是為啥，明明選址在鬧市區，價格也很實惠，就是賣不出去；后來老板請了個“大師”幫忙一探究竟，大師說你家盤子顏色不行，換成橙色保準牛X；老板立馬認購了一批橙色盤子，從那以后以后這家餐廳火爆了，王境澤都覺著香的不行…
聽完這個故事，自此我幼小的心靈里把橙色和食欲劃了等號。這個烙印直到我從業前幾年還一直這么覺著。同時間段，在9年義務教育的美術課本上，我得到了有生以來第一次對色彩這門學問的細致輸入，了解到了各種顏色對應的含義與情緒：
這種色彩與情緒的映射關系在我的腦袋里根深蒂固 / 無法磨滅，直到有那么一場面試或者匯報，面試官/老板問我，“為什么你要選擇這個顏色作為品牌色呢？”
面對著一手塑造出來的社交應用，我解釋到：“因為紅色代表著熱鬧，這個顏色會賦予這款產品熱鬧的氛圍”。坦誠的講，這個解釋自信但空洞，顏色本身并無好壞和指向，只看你用在了什么地方，不講究場景就別輕易定性。
這也側面反映出來慣性思維的不斷吞噬著你我的思路，過往的“經驗”可以讓人習以為常，也可以讓人尷尬不已，取決于是否洞察的到。如果拋棄慣性思維，到底如何去定義一款產品的主色呢？
說實話選取一個顏色作為品牌色是一個戰略決策過程，一般來說行業里一定存在一種主流顏色，像旅游行業的攜程/去哪兒和途牛，還有以淘寶為代表的電商行業通常是喜慶的大紅大橙。
顯而易見基于這個邏輯下，有3個做法，一條路是順勢而為，一條是逆向而去，還有一條是另辟蹊徑。這塊的選擇一定程度上并不是設計師可以決定的，需要結合整個業務的方向去判斷；在旅游行業里馬蜂窩選擇了逆向而去，在直播行業里抖音就選擇了另辟蹊徑。
我們試著揣測下抖音和馬蜂窩的想法，在產品的定位和策略的打法上，他們更注重的是差異化，走反方向的路突出品牌，試圖在用戶的心里站得住。通過這個例子你或許會發現，黑色未必死氣沉沉，ta也可以色彩斑斕；黃色未必只象征尊貴，ta也可以代表青春和希望；顏色沒有偏向，只看使用在什么場景上。
主色的選擇更需要貼合業務戰略的發展，也更多的偏向于主觀。給業務提供思路和方向，判斷不好業務方向的時候，多提供思路幫助其更好的匹配顏色。
以往的面試里，我這種好事的面試官就特別喜歡問侯選人一個問題：“一個色相里有那么多色號，為什么你定了這個色號作為品牌色？”大部分候選人乍一聽都是面露難色，心里大概想著這人是個傻X吧，能問這種問題，哈哈哈哈哈哈；廢話不多說，我來簡單分享下我的方法：
首先以黑白兩色（#000000-#FFFFFF）作為起始點設置10個梯度，然后把第一個模塊定義的色相扔進去，只需要調整HSB中的H就可以，這樣一頓操作下來你就得到了一個完整的色彩序列：
第二步，基于序列主觀調整下顏色，確定主色的同時確保其在黑白2種背景上對比度大于4.5：1（wcag色彩可用性標準），理論上來講梯度中間是最合適的，飽和和亮度足夠就可以。
上圖是我用到的色彩可用性測試工具-color review（https://color.review/）
當你準備好了以上所有工作，最后一步就是拓展色系了；這里采用負能量補給站小商店的品牌色“叛逆橙” #FF774A（H15 S71 B100） 作為主色并結合下google的方法開始拓展色系。
首先 - 確認同色系輔助色：我們將主色的色相加減 30° （谷歌是以10為梯度，但色相變化不大，為了效果我們以3倍作為最小單位）獲得2個新顏色，即同色系輔助色。
其次 - 確認對比色輔助色，將主色的色相加上 180° 獲得其互補色，即對比色系輔助色。為了和主色的類似色對應，取互補色的同類色（色相加減 15°）和類似色（色相加減 30°）。從中選取需要的顏色作為最終的對比色系輔助色。
根據色彩需求取同類色2和類似色1作為最終的對比色系輔助色，這樣，我們得到了主色和四個輔助色；同理你可以推理出無色彩傾向的中性色系（這里就不展開贅述）。
最后你可以通過編碼的方式，賦予每個顏色一個token（密鑰），方便團隊的配合和使用。
以上就是我在選取色彩的大概思路，市面上也有很多講顏色的好文，分享大家去找找。
隨著工作經驗/時長的不多增加，我們往往會對事物的存在習以為常，思維的慣性會困住我們追根溯源的想法，但需求和場景是千變萬化的，所有的方法也都針對的是通用場景，標準化的解決方案未必適用你當下的處境；試著在熟悉的環境用敏銳的洞察和科學的方法突圍也許是最好的辦法。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
設計趨勢輪回，玻璃效果以一種新的展現形式回歸，我們以往對它的稱呼有毛玻璃效果、磨砂效果等，在下文中統稱為毛玻璃擬態。
設計趨勢總是在不斷的變化，近幾年擬物風格又以新的形式——新擬態回歸大眾視野，蘋果發布了macOS Big Sur 操作系統，整體風格應用了新擬態的設計思路，采用了3D質感的元素設計，其中還包含了運用陰影、透明度以及背景模糊/高斯模糊手法模仿玻璃形態，構建空間感的新興擬物態風格——毛玻璃擬態風格。
毛玻璃視覺其實可以追溯到2007年微軟發售的 Windows Vista和Windows7，隨之后來的OS X 10.10（Yosemite）和iOS7中大量出現毛玻璃效果，比如底部快捷菜單欄、通知中心和多任務切換窗口等，蘋果公司加大了模糊程度，透明效果基于扁平，更順應當時UI扁平化的設計趨勢。
后來，蘋果在他們的移動操作系統中大大減少了毛玻璃效果，但是最近在 MacOS Big Sur 中又增加了毛玻璃質感。微軟的 Fluent 設計系統也非常注重這一效果，他們稱這種效果為 “亞克力”，并將其作為設計系統的組成部分之一。
毛玻璃擬態模仿了塑料材質（凹凸質感，凸顯層次感），這個新的視覺風格更加注重垂直空間Z軸的使用：
這是注重空間感的典型特征，意味著這種風格有助于用戶建立界面的層次結構和深度。用戶可以看到物體間的層次關系，哪一層在哪一層之上，就像空間中真實的玻璃一樣。
毛玻璃擬態效果之所以被大家應用和認可除了它能帶來的優秀視覺表現，更重要的是其本身的功能意義，它能幫助設計師更好的拉開信息層級并達到視覺統一
（1）視覺表達
通過背景毛玻璃化，可以中和扁平化圖文帶來的生硬不立體。在卡片元素上添加毛玻璃效果，與其他元素疊加后視覺上建立層次感，將信息層級更好的表達出來；在圖標中增加毛玻璃效果，可以提升圖標通透的質感。
（2）品牌感
良好的視覺統一，有助于提升產品的品牌感。
毛玻璃擬態效果并不好應用于上線產品。它不適用于按鈕或開關（這些重要的界面元素應該具備高對比度，更加清晰明確），模糊效果也要注意分寸，屏幕上過度使用模糊效果，會使整個 UI 對某些用戶可閱讀性差，同時也會使頁面看起來顯臟。
也可以這樣理解，使用毛玻璃擬態風格的前提是卡片內部有足夠的對比度和合適的間距來定義層次結構，并在視覺上 “分組” 所有相關的對象。它可以只在一個元素上使用，也可以作為卡片背景修飾視覺效果，這種很容易達到較好的視覺效果，頁面風格也會特別亮眼，整體干凈、明亮。
用作卡片背景時，能很好的表達信息之間的層級感，朦朧透出下層視覺元素，營造了良好的視覺美感。
用作APP圖標，可以提升圖標通透的質感。常見的三種圖標案例：A.頂部圖形為白色，底部圖形為其他色；B.頂部圖形和底部圖形為同色，頂部圖形顏色明度高；C.頂部圖形和底部圖形不同色
運用毛玻璃去包裝UI界面，頁面風格整體干凈、明亮，有較好的視覺效果。
1.和任何基于卡片的布局一樣，物體離我們越近，它吸引的光就越多。在這種情況下，意味著它會更透明一些。
2. 整個效果的基礎是陰影、透明度和背景模糊的組合。這種風格可以使用一個透明層，也可以使用多個透明層，但多個透明層疊加在復雜彩色背景上的效果會更好（當至少兩個透明層出現在一個相當復雜的彩色背景上時，玻璃形態的效果是最突出的）。
重要的是要記住，你不能讓整個形狀透明，需要調整填充的透明度來達到透明效果。如果不調整填充的透明度，僅僅是調整整個對象的透明度，就不會產生模糊的效果。
在上面的例子中，背景模糊值完全相同，但圓形圖像的疊加效果看起來完全不同。當填充不透明度為 100% 時，對象的透明度再低也沒有用，根本無法得到想要的模糊效果。
最底層背景在這個效果中扮演著重要的角色。不能太簡單或太單調，否則毛玻璃效果就看不出來，但也不能太復雜。
復雜的背景有助于玻璃形態的展現，這可能就是蘋果選擇了彩色背景作為 MacOS Big Sur 默認壁紙的原因。當模糊的透明層位于背景之上時，那些容易辨別的色調差異也很容易被看到。
用作卡片背景繪制操作比較簡單，使用背景模糊就可以搞定，重點在于根據實際情況進行透明度和模糊度的調整，這里就不再做展示。
第一步：繪制基礎圖形，頂部圖形顏色#DDEDFF，底部圖形漸變色#00EDFB——#001EEE
第二步：底部圖形復制一層，做高斯模糊效果，高斯模糊：12，不透明度72%，將模糊層置于頂部圖形上，添加蒙版
第三步：為了更好的增加圖標辨識度，增加漸變描邊，漸變色#FFFFFF——#D5E9FF，圖標繪制完成。
過程中用到的色值和模糊度可以根據視覺美觀度做適當調整，也可為圖標增加陰影，提升整體效果。
作為設計師，我們可以看到，設計趨勢一直在變化，每隔幾年就會轉向另一種風格，但似乎每種風格又有自己的前世今生。所謂趨勢輪回，并不只是單純的回歸，而是以一種的更豐富、更立體、更具有層次感的方式呈現在人們面前。
我們要做的就是不盲目，不盲從，看清楚趨勢變化的本質。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
經常使用或者關注資訊類產品的同學可能會留意到，在信息流中，有的標題在左圖片在右，而有的是圖片在左標題在右，這兩種形式看似區別不大，但又似乎存在很大差異。設計師在設計時是如何考慮的？我認為這是一個很有意思的話題，所以今天就和大家聊一聊在資訊流中，左文右圖和左圖右文的差異。
左文右圖的樣式普遍出現在新聞資訊產品中，其中包括今日頭條、騰訊新聞、UC瀏覽器信息流以及我們的vivo瀏覽器信息流等等，現在就讓我們從資訊平臺作為切入點，對左文右圖的形式進行分析
1. 左文右圖符合人們長久以來的閱讀習慣
按照已知經過驗證的理論，即F閱讀順序（尼爾森的用戶閱讀視線模型），用戶瀏覽頁面的順序是從左往右自上而下，因此左上角的信息最早觸達用戶。然而至文字誕生以來，多數情況下，人類普遍通過文字來獲取信息，我們不否定，通常情況下圖片的易識別性遠優于文字，但是從信息傳遞的準確性以及豐富性上來說，文字的優勢是遠大于圖片的。
所以在資訊類產品中我們更傾向于優先通過文字來識別內容，而將圖片作為輔助信息，因此根據我們從左往右自上而下閱讀習慣，將文字放在左邊更有利于用戶獲取信息。我們通過一個案例來分別了解一下左圖右文與左文右圖的用戶閱讀路徑是什么樣的。
在上面的案例中，左圖右文用戶的閱讀路徑偏長，并且常常出現視線的折返
左文右圖用戶的閱讀路徑較短，不會有視線的折反。因此，基于效率和閱讀習慣的角度來說，左文右圖優勢更明顯。
但或許這里就會有人提出疑問 “在資訊類信息流中很大一部分用戶都是因為受圖片的吸引才會對該則新聞感興趣的呀” 。的確，這是一個普遍場景，但是在前面我們也提到，圖片的易識別性是遠高于文字的，因此哪怕是將圖片放在文字后面，對于圖片的“魅力”的影響是在可接受范圍內的。
2. 左文右圖更有利于為用戶提供統一的閱讀基準位置
在資訊信息流中，為了信息展示的多樣性，避免單一的信息流結構使用戶感到單調，在樣式上除了左文右圖的樣式，往往還會搭配三圖、大圖及視頻的樣式出現，而在這樣多種穿插樣式的情況下，左文右圖能夠為用戶的雙眼提供了一個掃讀時候的基準位置，在大量、長時間閱讀的過程中，極大地減小了閱讀壓力
3. 盡可能保持整體信息流圖文閱讀先后順序的一致性
資訊流中除了左文右圖的樣式，還會搭配三圖、大圖及視頻的樣式出現，因此我們不僅僅要考慮單個信息流樣式的閱讀體驗，更要保持整體信息流閱讀先后順序的一致性，這能夠為用戶提供較好的沉浸式體驗。
4. 在視覺上更符合格式塔閉合原理
左圖右文的的形式在標題文字較短的情況下，右上角就會出現視覺上的缺角，這會破壞頁面整體的工整性，而左文右圖的形式就很好的避免了這個問題。格式塔原理對閉合的研究中提到，人的大腦無論看見什么東西，都喜歡去將它們想象成為一個整體，如果元素太過雜亂大腦無法將其歸類成為一個整體，那么視覺感受就是非常不佳的。
小結：左圖右文基于它在信息獲取效率和人們閱讀習慣上的優勢得到各大新聞資訊類產品的青睞，是較為通用的形式。那是不是就沒有“左圖右文”什么事了？其實不然，左圖右文仍是有其優勢的，并且在特定場景下，左圖右文的形式的優勢會更明顯。
1. 圖片在左側，第一時間吸引用戶視線
在內容形式的吸引力上，視頻>圖片>文字，并且前面我們提到，圖片的易識別性是高于文字的，因此一張高質量的圖片往往能夠在第一時間觸達用戶并形成轉化。但前提要求是我們能夠把控圖片的質量，否則效果將適得其反，所以我們說左圖右文的樣式一般更適合用來承載PGC的內容。例如主打品質時政新聞的資訊產品澎湃新聞以及垂類游戲資訊社區平臺篝火營地，其推薦的內容都來自專業團隊的輸出，對內容圖片的質量有較好的掌控力，因此采用了左圖右文的形式優先給用戶展示圖片信息，以提升用戶對內容的興趣。
2. 在帶有明確目的閱讀場景下，例如查找歷史內容、搜索等，左圖右文的形式效率更高
在用戶帶有明確目的場景進行信息閱讀時，用戶往往對內容已經有了一個大致的預期，所以這個時候如果我們能讓用戶第一時間識別圖片，能夠大大的提升用戶的操作效率。例如用戶在查找一篇曾經看過的文章時，當曾經閱讀過那篇文章的封面出現在屏幕中時，用戶便能立刻作出判斷，這會比在眾多文字標題中查找更為便捷。
左文右圖
左圖右文
#Tips
無論是左文右圖還是左圖右文都各有其優勢及適用的場景，但當我們在設計信息流時，我們要注意為用戶提供圖文閱讀順序一致的體驗。
以上是個人對資訊流左文右圖&左圖右文的一些思考和心得，感謝大家的閱讀，假設通過本次閱讀能夠給大家今后的工作帶來一些啟發和思考，那就實在是再好不過的事了:)
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
表格淺談，多多指教
讓我們先來回顧一下表格的基本構成，最上面的為表頭，橫為行，縱為列，內容區每一組展示數據區域為單元格。
表格的設計，雖然看似簡單，但是作為用戶最常用的組件之一，我們需要對視覺和交互的精準把握，才能保證用戶在使用表格時更加。
這里我推薦表格的"四維自檢法“，對我們設計的表格是否合理，做出一個標準的判斷。
分別是：信息降噪、呼吸適中、易讀、詳情查看。
信息降噪：分別對表格內容和視覺層面進行重要性梳理，剝離不重要的元素，使表格輕量化；
呼吸適中：保持內容和元素之間合適的間距，使表格頁擁有一個好的呼吸感，將給用戶營造一個舒適的操作環境；
易讀：通過對需求內容的解讀，對內容形式加以分類辨別，做出可讀性最強的樣式；
詳情查看：b端系統往往伴隨著表格數據類目龐大的問題，通常會采用另一種形式去展示全部信息。
當表格的字段非常重要時，一定要將字段全部展示出來讓用戶更清晰的了解數據。
如果你的用戶只需要了解部分字段，那么全部展示是沒有必要的，只需在展示最重要的字段即可。
不同用戶想看的的信息側重不同，有時候我們無法準確判斷用戶看重哪些字段，還可以讓用戶自定義展示字段。
當我們去設計表格的時候，通常會發現表格需要承載的信息量是非常大的，有時候為了表現出字段的準確含義，在定義字段名稱時往往會非常的長。但是當這些字段同時出現在一個表格里時，過長的字段名稱，又會顯得冗余，讓本就不大的頁面空間更加雜亂。
所以當我們設計表格的時候，我們可以分析字段名稱，對字段名稱做精簡，看看是不是少一個字用戶就無法理解字段的含義。
當字段名稱過長，又必須展示，才能有效的理解字段含義時。我們可以定義一個專有名詞代替，并且在字段名稱后使用添加字段說明的形式，來對字段加以說明。
這樣一來用戶既可以清晰的理解字段含義，又可以在有限的頁面空間下獲取到更多的數據信息。
早期表格的設計，出發點主要以擬物形式，以最接近現實表格的樣式去設計。
但是隨著互聯網的普及度加深，極簡的表格設計，使界面更加輕盈，讓用戶更加專注于數據內容。
去除縱向列的分割線，僅以淺色的橫向分割線區分行，但是要注意分割的顏色不能過于淺而缺乏辨識度，部分人群對顏色的辨識度會偏低，顯示器的硬件性能也會影響顏色的可辨識性。
表格設計中一定不要使用過多的顏色區做狀態或操作的區分，過多的顏色細分會使表格變得更加混亂，影響用戶體驗。
對狀態的區分，僅用輕量的顏色區分即可，操作欄保持主色按鈕色。
了解單元格的結構，以及實現單元格的基本邏輯，有助于我們更好的去把控我們的設計。
單元格內的可控尺寸包含：單元格高度、文字字號、文字/段落行高、文字上下間距。
我們基于視覺呼吸感，賦予各個元素合適的尺寸，我在這里給出一套參考方案：
文字字號 = N
文字行高 = 1.5N
上下間距 = 1.2N
單元格高度 = 內容高度 + 上間距 +下間距
首先我們要了解列的兩種類型，第一種是定寬列，第二種是自適應列。
a.定寬列
顧名思義就是它的寬度是固定的，比如：第一列我們設置寬度為200px，第二列我們設置為300px，五六七列分別設為100px，那么我們這個列表就的寬度就等于200 + 300 + 100*3 = 1100px，在任何分辨率尺寸下你的這個列表都會保持這個寬度不變。
b.自適應列
就是列會隨著分辨率變化而產生寬度的變化，比如：列表有五列，我們定義列表的寬度為界面寬度的50%，假定界面寬度為1200px，那么列表寬度就為600px，而每一列的寬度則為120px。此時我們將界面的寬度縮小到600px時，那么列表的寬度就為300px，而每一列的寬度則為60px。
在實際設計案例中，我們往往會面臨由于每一列的內容不同，所需要的寬度也就不同，我們希望在列不多時可以保持寬度自適應，但是如果每一列都做成自適應列的話，內容多的列無法展示全內容，內容少的列空間又會很大。
所以，固定列 + 自適應列的綜合運用，可以讓我們更好的實現我們想要的設計方案。
c.列的結構
然后，我們一起來了解列的結構。每一列分為內容區和左右間距區，在固定列里面內容區和左右間距區都是保持不變的。但是在自適應列卻不同，它的內容區是隨界面分辨率變化而變化的，左右間距區的寬度是保持不變的(在代碼里間距區被叫做Padding)。
d.固定列
當表格字段數量不確定時，通常我們會為自定義列的內容區寫一個最小值(min-width),以確保字段很少時可以自適應寬度，字段較多時仍然能保證完整展示表格數據，不影響對內容的閱讀。
當表格的列過多又必須全部展示時，固定必需固定的列(如姓名、任務名稱、操作項等)，其他字段橫向滾動。
基于人的慣性瀏覽順序，設計每列合理的對齊方式，能夠輔助用戶更的完成工作。
a.標題和內容：一般采用左對齊，更的瀏覽順序；
b.有長短不一的數字時(序號除外)：右對齊，方便比較 ;
c.操作項一般放在尾列：右對齊；
從心理學的角度講，人對未知事物會產出恐懼情緒。我們在設計表格的時候，要考慮到表格的各種展示情況，非特殊情況不出現單元格空白。
沒有數量用“0”表示，沒有該項內容用“-”表示。
表格是一種可以承載大量數據的組件，當數據行數很多時我們通常會選擇分頁器，使用分頁器有哪些優點：
a.快速查看：通過分頁數據加載緩解服務器壓力；
b.清晰易讀：由于界面的空間是有限的，通過分頁展示數據，有助于緩解用戶的閱讀壓力；
c.靈活便捷：如果客戶想在一頁展示很多數據，可以通過分頁器自行選擇，還可以了解到數據的總數目。
當界面空間有限、表格列數很多時，如果表格的操作項過多，會占用很多頁面空間，需要有選擇的展示，將低頻操作項收起，用點擊更多按鈕去觸發選擇。
如果是1.0的產品，我們可以和產品經理溝通，分析每個功能按鈕的優先級。
如果是上線的產品，我們還可以通過按鈕點擊PV(頁面成功訪問次數)，來了解按鈕的使用頻率，做出按鈕優化。
如果產品沒有特殊需求，那么默認最近創建的在最上面。
可以用帶有排序的表頭，讓用戶自定義排序。
如果表格的內容項很多，我們通常會在表格上只展示部分重要數據，而其余數據放在詳情頁面展示。
作為詳情頁面的入口，通常會有兩種設計方式：
a.將詳情按鈕放在操作項里
b.將首行的名稱做成可點擊樣式，點擊跳轉至詳情
如果詳情內容不多，沒有新開頁面的必要，我們可以采用展開行、彈窗、抽屜的形式，但是要注意盡量減少過多的樣式，給用戶增加疑惑感。
如果詳情的內容很多，而且編輯的需求，建議采用新開頁的形式。
建議根據詳情頁信息量的多少，以此采用展開行、彈窗、抽屜、新開頁的形式。
數據過濾是表格頁很重要的組成部分，包含搜索、篩選、標簽頁。
這一部分的主要作用是幫助用戶，梳理表格數據信息，精準定位所需的數據項。
模糊搜索是指在用戶搜索意圖不明確時，搜索引擎將用戶的查詢與待檢索的內容進行模糊匹配，找出與查詢相關的內容。模糊搜索無法理解用戶的查詢意圖，返回的結果中可能包括了一大批用戶不想要的信息，所以在使用模糊搜索時一定要結合自己的實際場景，慎重使用。
優點：只要有相關的內容都會被檢索出來，減少了精準搜索帶了的記憶負擔
缺點：容易把相關的信息也帶出來，例如檢索手機號，把相關編碼也匹配出來
搜索是指用戶在搜索時，針對某一數據字段搜索，來查找所需要的數據。根據業務場景不同，我們會查找某一字段，或者是用標簽切換不同字段來查找。
優點：搜索匹配精準度高
缺點：每次只能對單一條件進行搜索
篩選器主要是針對內容較少的字段進行查找的一種方式， 通過篩選器的選擇可以快速定位所需的數據，取消用戶輸入的過程，提升查找效率。一般篩選有兩種形式，第一種是下拉篩選，第二種是平鋪式篩選。
下拉篩選就是將需要篩選的內容放置于選擇器當中，通過點擊選擇器下拉，來選擇需要篩選的內容。
優點：空間利用率高，起到了很好的收納作用
缺點：無法直觀看到所有的篩選項
平鋪篩選就是將篩選項的內容，直接展示于頁面之上，通過點擊選擇的方式直接進行篩選。或者可以通過自定義內容的篩選。
優點：操作效率高，篩選項一目了然，支持輸入更多篩選條件
缺點：空間利用率低，不適合選項太多的情況
當數據內容需要的篩選類目過多時，如何合理的擺放，才能提高用戶的使用效率。
a.信息排序：基于用戶使用場景，以目標導向為依據，將高頻的篩選項排列到前面，低頻的篩選項置于后面
b.默認折疊低頻篩選項：當篩選項過多時，會極大的占用界面空間，使用戶在閱讀數據時產生非常不好的用戶體驗，通過展示高頻篩選項、隱藏低頻篩選項，將更好的提升用戶體驗。
c.所有篩選項都很低頻：以點擊高級篩選按鈕的形式觸發，將全部篩選項置于氣泡或者彈窗之中。
如何判定篩選項的使用頻率呢？
通常會有兩種方式：
第一種是給篩選項增加數據埋點，這樣一來就可以通過對用戶點擊行為的分析了解到篩選項的使用頻率；
第二種是用戶調研，通過問卷或者面談，了解到用戶的真實使用需求。
標簽頁又叫選項卡，在組件中我們通常叫Tabs，指的是分隔內容上有關聯但屬于不同類別的數據集合。
在使用標簽頁時，有一點我們要特別注意，通常在B端設計中，我們會把標簽頁的位置定位在最常用的一個選項。
如果是訂單一類的分頁，我們還可以將數據條數，展示在標簽右側，用來幫助用戶快速了解到待辦數據量。
數據操作即對表格的數據進行操作，首先我們對數據操作進行分類。
按控制范圍分:
a.單行操作
b.批量操作
c.全局操作
按操作屬性分：
a.新增數據
b.編輯數據
c.刪除數據
d.業務處理
第一步，先判斷控制范圍
第二步，判斷擺放位置
第三步，優化信息層級
以上是操作項和篩選項較多的情況，那么不多時，我們還是要合理利用空間，靈活設計
以上就是《如何設計表格？》的全部內容了，后續還會努力更新更多B端設計分享！
與君共勉
轉自：站酷
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
從雇傭關系看企業級協作產品的設計理念和原則
今年的新冠疫情突發，讓企業級協作產品的賽道熱鬧了起來。前有釘釘，企業微信，后有飛書帶刀入場，其他廠商看了眼紅，趕緊行動起來，所以在這片一眼望不到頭的草原上，你還能看到百度的如流，美團的大象，網易的popo等等。
如今疫情控制的結果也算喜人，經過大半年的時間的市場錘煉，現在這些個企業協作平臺也需要被懷揣著審視的目光來看看接下來要走的路。
按照公司的要求，我在工作中頻繁的使用到“釘釘”這款產品，接觸的這4年多時間大概也就是企業協作平臺的發展史了，我試著總結了一下：
但B端的設計就僅僅是所謂的“效率”么？唯效率的設計就一定好么？
你有沒有不想打開釘釘（甚至某一時間想卸載掉）的沖動？阿里巴巴當初推出釘釘這個在線辦公協同產品，出發點是為了方便企業內的辦公協作，溝通記錄、文件資料、流程審批、員工名錄等都能有效得到管理，防止丟失并隨用隨取。
后來味道變了，以“釘一下”為例，發起者可以無限次的對接收者發送信息并以“增強提醒”語音的方式提示?？吹某鰜?，這種交互設計本著觸達無障礙去做的，但卻忘記了設計使用門檻，從而造成了“誰有事誰牛X的局面”，如果沉下心來研究，會發現在這過程里情緒的變化是及其明顯的：
企業管理學里有一條著名的學說“峰終定律”（后被廣泛應用到用戶體驗領域里），大概是意思是：“在一段體驗的高峰和結尾，體驗是愉悅的，那么對整個體驗的感受就是愉悅的”。
那么釘釘的這些個機制可能就是峰終定律的反面教材了。每一個企業級協作平臺企業都在標榜自己的創新和功能的全面，殊不知這就是典型的通過產品功能機制進行的微觀管理，間接加劇雇傭關系的僵持。甚至一定程度上變成了控制…員工和企業的關系我不好說，但這些企業協作平臺真真實實的在彼此關系上掃滿了鹽。
翻看了眾多大廠的B端設計原則和設計理念，無一例外，所有的被沉淀下來的“原則”幾乎都是“效率”，甚至一提到跟B端相關的設計就永遠是“效率！效率?。⌒剩。。 保?/span>
以效率為核心的設計幫助任務流更的完成，就這點無可厚非，我自己也是一名用戶體驗設計師，過去做企業級應用的核心就是圍繞“效率”去做的，始終把用戶路徑的長短作為我個人無形的KPI，面試跟人吹牛X的時候也是舉例說的這些。
然而不同于C，企業協作平臺是企業要求員工統一使用的協作產品，為了方便信息集中管控，絕企業員工被迫通過一次學習后逐漸轉為不用動腦子的肌肉記憶。B端員工只想要“干完活”，C端的“圖新鮮”是發自內心的去找樂子。所以當被強迫完成任務的情況下，大部分情況下是一個偽命題。
通過審視的目光去看當下的設計原則，企業級協作平臺經歷了起始期的“溝通剛需”和發展期的“功能堆疊”后，未來應該多考慮“員工與組織”/“員工與企業”的大命題，希望是以“橋梁”的姿態出現，以幫助雙方更好的完成工作為目標去設計：
這其中有兩點需要著重注意：
先說個題外話，過去，我們在求職時期的路徑大概率是到某幾個招聘網站上挨個填寫個人信息/工作經歷/獲獎情況，但伴隨著 OCR技術成熟，一個word/pdf上傳，自動識別了所有信息，幫助企業和候選人大幅的解放了勞動力。與之類似的是：日報周報月報，除了工作總結偏腦力勞動需要人工產出之外，工作內容這種條目的列舉完全可以幫員工包辦了，畢竟釘釘上記錄了大量的工作文件和日志。單靠一個周報模版絲毫解決不了問題。
之前跟釘釘的設計師有過情感化設計的交流，對方對情感化的理解更多體現在人文關懷上，特別是在打卡這個功能上，超過幾點下班打卡后會有一句暖心的話激勵員工。對此我還是保留意見，理智支撐我不許叫這個設計為情感化設計，因為美好的文字和漂亮的圖形都只是表象而已，并沒有幫助用戶解決問題，所以頂多就是圖形設計，說的好聽點是graphic design。
我理解的情感化，從始至終要以解決用戶問題出發，與其有時間畫畫漂亮的圖形，不如去做業務的橫向打通，幫助在深夜快點打車回家來的更實在。
總的來說就目前國內像這種B端企業級應用真的還就是處在功能打通的階段，未來去balance雇傭關系的大局面市場還是很大的，從這個角度來看這個賽道還有的一拼，期待更多的大廠入場來改善僵持的雇傭關系。
轉自：站酷
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
作者：負能量補給站
藍藍設計的小編 http://www.syprn.cn
