福特創始人亨利·福特本人也十分喜愛小動物，將公益融入企業發展，踐行企業社會責任，這正是一個偉大品牌的開始。

CEGC在中國已經有20年的歷史，1983年首次在英國成立，2000年進入中國，而福特汽車進駐中國是在1995年，因此CEGC幾乎是和福特品牌一路同行至今，有著久遠的歷史足跡。

全新標識CEGC分別代表了四個形象象征：

C：陸地 — 雪豹 — 勇敢的精神
E：天空 — 斑頭雁 — 自由而博大的胸懷
G：水 — 江豚 — 生命的起源
C：萬物的尺度 — 人 — 深邃的愛

新的品牌形象，從定位、結構，以及LOGO的色彩進行了全新的設計，從不同空間構建品牌價值觀念。

福特公益多年來為改善地球環境做出努力，保護生態平衡，CEGC的內涵則是代表了區域性的生態、生物多樣化繁榮發展。

做任何一個公益項目，不是隨著一次評選活動結束而結束，環保項目應當是可持續的走下去，走得更遠。這次的品牌升級將助力福特汽車環保獎朝著更嶄新的階段邁進。

CEGC的設計理念，最終可以表達為，信息傳達與藝術的完美統一。

讓品牌有最清晰的識別力，代表生物多樣性。

CEGC不僅是視覺上的感受，希望以此也能帶來行動上的力量，讓設計的意義變的最大化，最終為品牌帶來最優的價值。

新的定位：

支持系統性變革、支持優秀民間環保力量可持續發展、保護生態資源與物種多樣性，在新的升級中，重練品牌的核心價值。

為公益品牌服務，賀冰凇團隊一直是踐行于實際幫助的，通過設計和藝術給這個世界帶來更好的一面，希望借此，吸納更多的力量，為環境保護發揮更大的作用。

©注：設計中使用的人物圖片皆來自CEGC官方公益項目資料，均有署名，僅供學術交流和作品呈現，不作任何商業用途。

原文地址：站酷

作者：賀冰凇

轉載請注明：學UI網》「福特汽車環保獎」升級LOGO，賀冰凇作品！

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

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

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

01.圖標是什么 

要做好圖標，首先我們要知道圖標是什么？在一般認知里，圖標可以定義為一種圖形化的符號或標識，用于幫助我們理解某些復雜功能或操作，尤其在數字化領域里，可視化的圖形符號，更利于高效的展示信息和引導人機操作交互。也有人稱之為icon或eikan。

a

▍1.圖標的發展史

圖標的歷史可以上溯到人類文明發源伊始，最早的象形文字，巖洞壁畫等都可以算作圖標的一種，為我們后代研究人類文明產生了珍貴的歷史意義。但今天我們研究的圖標主要以計算機系統發明為分界線，看看這短短幾十年間，圖標是如何演化的。

● 80年代的初期圖標還是黑白單色

● 90年代慢慢多了些色彩，形狀也更豐富

● 到2000年后，隨著顯示技術的發展，圖標也越來越形象

● 圖為iOS1-8圖標變化

從最早的Xerox Sta系統到最新的Mac os10，再到現在人手一臺的移動智能機，每個階段都擁有其獨特的圖標風格，2010年已經到了智能移動時代，拿最知名的iOS系統每個階段升級，圖標的變化來看，也歷經了初期的擬物-扁平-微質感的好幾個階段。

圖標作為UI必不可少的部分，能夠使界面更加精致，今天也分享給大家一些大公司的設計規范，其中包括很多系統的圖標規范和定義，幫助大家更好地參考和學習。

w

02.  圖標的分類 

圖標因其良好的辨識性和無障礙溝通特性，在各種場景下被廣泛應用，同樣，因使用場景的不同，圖標所代表的意義也不一樣。

▍1.應用圖標

● iOS14桌面應用圖標

a

應用圖標指的是我們設備界面上的應用入口，通常具有較強的品牌特性，可能與logo一致或與其核心功能一致， 如instagram 就是一個簡化的相機正視圖，亞馬遜則是一個購物車形象，國內也有不少產品直接使用了能夠代表產品的文字，需要注意的是，界面圖標必須遵循對應系統下的尺寸規范。

● 華為EMUI 10應用圖標

d

▍2.功能圖標

與應用圖標不同的是，它主要作為界面中的功能入口，一般為簡潔易辨識的符號，根據不同產品調性，圖標風格也可以多種多樣，并且不強制必須為標準形狀，異形圖標能讓界面更為生動，整體風格的發揮也有了更多空間。

d

▍3.輔助圖標

輔助性圖標通常存在于有較多長文字時，搭配作為輔助說明，在UI中，可能還具備一定情感化的作用，在提升用戶接收信息效率的同時安撫用戶情緒；所以整體可能需要具備更多細節，作為畫面補充的一部分。

● 如：缺省圖標

s

▍4.與logo的區別

雖然這兩者特性極為相似，都是圖形化的符號，但logo是為整體品牌服務的，具備其獨一無二的專利特性，甚至可以是IP形象或文字；兩者的關系可以理解為父子。

● 圖中的圖標就很好繼承了logo的特征和風格

● 但有的也只是普通的界面輔助，風格和樣式并不一致

a

03. 圖標的繪制 

能夠繪制出高質量的圖標是每個UI設計師必備的能力，本次我們以功能圖標為例，為大家展示具體的幾個繪制步驟和要點，希望幫大家在細節上避開影響圖 標精致度的一些小細節。

d

▍第一步：建立圖標網格

功能圖標因形態結構各異，難免存在尺寸不一的情況，必須考慮其整體視覺的協調一致，最好的辦法就是建立圖標網格，也可以稱為圖標盒子，當圖標形態分別為長、方、圓時，有一個合理的比例限制。

● 將常見圖標形態約束在圖標盒子內

當然，網格不是絕對的，要學會靈活運用，當與個別圖標形態無法完美匹配時，也不必拘泥，一切以達到視覺和諧為首要。我通常會在圖標網格外圍預留一個安全區域，可以規避切圖出現不完整的情況。

a

▍第二步：具象功能

有了網格，第二步則需要我們根據功能，找到與之對應的實物形象；如筆記本是記錄，電話是通話，時鐘代表時間，日歷代表日期等等。

這些功能相對比較容易找到現實中的實物，如果是比較抽象的功能呢？就需要我們發散思維，找與之相近含義的事物。如隱私功能，隱私是沒有實物的，但是我們可以通過“隱私”這個詞延伸：不公開的、隱藏的、鎖起來的、被保護的，繼續根據這些詞延展：就可能是密碼、盾、鎖、遮眼等等。

時刻記住一點：用大眾都能理解的物體形象去表達。如果用戶看到某個圖標過于復雜，需要反復思考它代表的含義，也無法預測點擊后的結果，那這個圖標就失去了提效的作用。

d

▍第三步：簡化結構

有了功能的具體形象，下一步就是思考如何讓圖標變得更簡潔易辨識。

● 畢加索《公?！?/span>

畢加索創作《公?！窌r，從初稿到最終成品歷經了11個版本，最后只用寥寥幾條線來勾勒，但我們依然能一眼認出牛的形態。繪制圖標也一樣，需要我們思考如何省略無用細節，化繁為簡，提取他們的主要特征。

f

▍第四步：善用布爾運算

有了簡化的圖標形象，我們接下去應該思考如何讓圖標變得更為規范耐看。

● 如桃心圖標，就是兩個簡單圓角矩形組合而成

● 桃心圖標，也可以做的更圓潤

● 不同組合下的布爾運算，圖標形態特征也會不一樣

這一步的訣竅就是盡可能使用基礎圖形去組合拼貼，這樣做出來的圖標，尤其在適配不同尺寸大小切圖時不易拉伸變形。

f

▍第五步：處理細節

統一性

● 風格：線性、面性統一

● 斷點細節一致：平角、圓角

● 圖標氣質一致：是圓潤還是尖銳硬朗

隨著功能界面的不斷復雜化，大家早已不滿足于同一產品或同個界面中單一的使用面性或線性圖標，而是搭配使用便于層級劃分，故而這里只考慮在同一層級下圖標的統一性。

視覺平衡

如圖，三角形置于中間位置時，視覺重量會偏向左邊，在這個基礎上，我們就需要做出適當調整，以達到視覺重量平衡。

一致的視角

當你想讓自己的圖標變得更加出彩而采用了區別于正視圖的結構，那也一定要確保至少在同等層級下，這些圖標視角是一致的。

a

▍第六步：做出差異化

融入品牌DNA

● 韓國購物App 11 street，就很好的融合了品牌logo的箭頭符號

功能圖標因簡潔通俗，比較容易出現市場同質化嚴重的現象，故而很多App選擇在圖標中融入品牌基因，不僅做出差異性，還能提升品牌調性。

跟隨趨勢創新

通過對圖標風格質感的創新表達，讓人眼前一亮。這種方式更多需要你了解當下的流行趨勢和技法，根據產品的風格調性，對圖標進行量身打造。

圖標微動效

隨著5G時代來臨，微動效也早就出現在了大眾視野，基于圖標的微動效表達，能讓用戶更快注意到某個功能并去點擊它，如果你的動效還恰好有趣美觀，更能讓用戶感到愉悅。比較常見的loading和tab切換都讓我們有了很充足的發揮空間。

d

▍第七步：完善圖標庫

通常一個產品的功能圖標會多達幾十甚至幾百個，如何保證這些圖標的統一性需要提前去規劃。繪制的最后一步，就是在完成一部分圖標后，及時排列比對，確保整體視覺效果的統一；有條件的可以生成圖標庫，便于后續的團隊協作。

● Apple發布的SF Symbols中圖標，就劃分了9種寬度和3個比例尺寸

有了圖標庫后，協作設計師做到共用功能時可以直接調用；極大提高自己和團隊的效率，并保持整體規范的一致。

a

04.最后 

圖標繪制看似簡單，要做好卻并不容易；UI處處充滿細節，想要自己的界面更加精致，就不要忽略每一個可以提升的點。希望今天的這篇文章能夠幫到你。

最后給大家分享一些大公司的設計規范，其中包括很多系統的圖標規范和定義，幫助大家更好地參考和學習，需要的話可以點個“在看”，添加叮當貓回復“圖標”領取，已有叮當貓的無需重復添加。

s

作者：sky

轉載請注明：學UI網》研究了上百套圖標，總監卻告訴我圖標要這樣畫！

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

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

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

展開和收起屬于比較細節的問題，按照慣性思維，內容多了我就折疊一部分，用戶需要看更多內容就點擊「展開」，內容展開之后，相應的還應該支持內容的「收起」。

整個流程這樣看起來沒什么毛病，但是卻缺少一個重要的前提，哪些場景或者什么情況下才需要展開或收起呢？

如果只是單純給出一個流程，顯然缺乏對產品邏輯和用戶體驗上的思考?？赡芎芏嘣O計師之前沒怎么注意過這個地方的交互邏輯，或者深入思考需要注意的問題，這次借著答疑的機會咱們一起來深入探討下。

1、拋開展開和收起

雖然提出的問題是分析展開和收起的運用場景，但是我覺得不應該一上來就陷入到具體的細節里。

這個問題相對來說屬于比較小的點，直接鉆到細節里會讓我們只盯著這一小部分，缺少對全局的思考，因小失大。

盯著已有的設計進行推導，這樣多少帶有個人主觀的臆想。先不要盯著具體的展開和收起功能來想場景，反過來想，在設計過程中有哪些地方需要這樣的交互邏輯，為什么需要呢？

無論面對什么樣的設計需求，這樣的思考過程會一直伴隨著我們。

2、先場景后行為

先回到場景上，考慮哪些場景會觸發「展開和收起」行為，再具體問題具體分析。

場景一：當某段內容字數太多，占據了大面積的空間，如果用戶不想看這些長篇大論，想看下一個內容，要滑動屏幕很久才能略過這些內容，顯然我們不想給用戶帶來這樣的操作負擔，這時候就可以考慮添加收起功能，把多余的內容收起來。

這里的收起需要注意兩點：

• 內容被收起不代表被收起的內容不重要；
• 收起相對節約屏幕空間，用戶更方便上下滑動查看內容。

場景二：頁面上仍然有很多內容，但是這些內容有主次之分，我們想讓用戶最先看到前面的內容，后面的內容可以考慮收起來突出重點并節省空間。

這里的收起就和場景一有差異，可能被收起的內容相對沒這么重要，只露出重點/熱點內容或權益來吸引用戶，相對次要的內容被收起，這里的收起會涉及到內容重要程度的排序，這種排序就可以體現在排行榜設計中。

3、展開然后收起

展開和收起屬于一組行為，看到展開我們必然會聯想到收起。展開是為了看到完整的內容，收起則是內容看完的標志，點擊收起可以繼續下一個內容。

在知乎問答中，我們首先看到的是標題的問題，這些問題往往言簡意賅，通常光看標題我們就能知道這個問題想表達什么意思。

▲ 標題下面的問題簡介是對標題的進一步解釋和補充，這里的簡介作為說明性文字，就支持展開和收起。當簡介內容太多時，就要考慮折疊一部分簡介，這樣能保證在首屏上能同時看到問題和答案。

另外當內容很多，以信息流的形式呈現，并且需要上下滑動來瀏覽時，就可以考慮使用現展開后收起。

比如在微信朋友圈，如果文字內容較多，就會被收起一部分，想看完整的內容則需要點擊「全文」選項，看完后點擊「收起」，內容就會被折疊起來，方便我們繼續滑動瀏覽其他朋友圈。

4、展開后不收起

點完展開看到了全部內容，卻沒有收起選項，但是這樣并不影響我們的觀看體驗，而且展開這個動作給用戶和頁面帶來的反應都很小，不會讓用戶感到不適。之所以選擇「展開」，一個重要的原因是因為我們有想看完整內容的強烈需求。在這種意愿的號召下，我們會毫不猶豫地選擇展開功能。

▲ 在豆瓣電影介紹頁中，在劇情簡介區域會有「展開」提示，如果我們選擇展開，說明我們有觀看完整簡介的意愿，并且是主動選擇展開，不添加「收起」選項正好避免了給我們增加操作上的負擔。

另外，當內容相對沒那么多，能在一屏上顯示，不需要用戶上下滑動太多時，可以考慮省去收起，比如在QQ群介紹、抖音個人頁的簡介等。

 

最后

以上是我對展開和收起的運用場景的一些小思考，主要從場景角度來考慮交互邏輯。

授人以魚不如授人以漁，關于展開和收起的場景還有很多，希望大家能掌握這樣的思考邏輯，去發掘更深層的設計內容，當然有問題咱們可以隨時溝通～

 

原文地址：Clip設計夾（公眾號）

作者：Clippp

轉載請注明：學UI網》展開全文后需要支持收起嗎？從運用場景分析交互邏輯

藍藍設計建立了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的主設計師，這里想分享一點，用模型機的技巧。很多設計師用樣機，但是完全看不到界面任何細節，樣機選擇一定要高質量高清，能看清楚設計細節。

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

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

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

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

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

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

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

s

03.  蘋果實習生Julia Liang 

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

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

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

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

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

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

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

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

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

a

04.  最后 

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

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

作者：sky

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

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

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

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

1、SimilarWeb – 網站流量來源和排名

可以看到一個網站的基本數據，比如瀏覽量，訪客都來自世界的哪里？-都是通過什么途徑訪問的該網站等等

以上是我用B站來舉例，可以看到一些基本信息，點擊下面的按鈕可以跳轉到新頁面用以查看很多的信息：

最關鍵的來了，最下面可以查看與該網站相似的網站，這條對設計師非常有幫助，很多設計師做網頁設計的時候不會找競品，這功能簡直是福音?。?

另外還有一點，比如你要去面試一個公司，很多人不知道面試說什么，你就可以用這個小插件來看看你要面試公司的網站數據情況，然后再結合你自己的設計作品鏈接起來，顯擺你對他們公司客戶群的了解，這樣面試時候就可以做到侃侃而談不失尷尬。

 

2、Nimbus 截幕 & 屏幕錄像機

功能非常多，各種模式的截圖都有：

 

3、也就是萬人推薦的Muzli 2 – Stay Inspired

設計師必備的主頁，每次打開都可以看到很多新鮮的設計資訊。

你甚至可以直接搜索顏色，然后會出來很多設計作品。還可以搜索關鍵詞，比如你搜索dasboard

有條件的可以打開chrome檢查看看自己是不是都安裝了，如果你還有不錯的插件推薦，可以在下面留言。

 

原文地址：追波范兒（公眾號）

作者：terechen

轉載請注明：學UI網》關于設計的小插件，我只保留了這3個

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

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

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

 

#2.信封透明封面小冊

 

#3.高級感簡約iphone樣機

 

#4.3D手持樣機

 

#5.工卡名牌樣機

#6.iphone12樣機模型

#7.高級感紙張紋理樣機，可以使用在海報包裝上

#8.折疊小冊子模型

#9.簡約紙袋模型

#10.高級感褶皺樣機

#11.情緒版展示樣機

好了，分享到這，文件已打包好

轉載請注明：學UI網》我翻遍全網，這11種高級感樣機建議下載

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

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

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

1. 場景化用詞

針對特定的場景，使用文案進行情感的烘托、渲染或是放大，通?？梢詭硪庀氩坏降男Ч?

案例 1

QQ 音樂會員到期的續費提醒文案，是由各類歌名組成的一句話，每天的到期提醒都不同。這種形式增加了用戶的停留時長，也更富有情感共鳴。

案例 2

釘釘的桌面版，在用戶退出后重新登錄時，在產品的右半側會分不同時段展現不同的歡迎用語，下圖是早上和中午的歡迎頁。

案例 3

知識星球在用戶發表評論時，會用不同的語句，對評論這個場景做用戶行為引導。

案例 4

很多產品對于某些功能的空狀態設計，都融入了個性化的語言描述，至少會讓頁面更有情趣：

2. 更精準的描述信息

有些文案對于信息起到精準的描述和呈現，雖不是必須要呈現的內容，卻可以將文案作為加分項，而創造更優的體驗。

案例 1

支付寶頁面的“理財熱點”和“抗擊疫情”的數據，都顯示了實時更新的時間數據，讓信息給用戶的感覺變得更加可信和準確。

案例 2

京東的一些商品在提交訂單頁面，會顯示商品進入了某個排行榜，比如  “恭喜你，挑選的商品好評度高達 97%”，或者 “XXX熱賣榜第 2 名” 等，給予用戶的選購能力和產品質量的肯定，促使用戶開心買單。

案例 3

美團外賣在開通會員的卡片上很醒目的標示出卡通會員后，可以為用戶節省的預估成本，以及限時的驚喜紅包提示，降低會員成本在用戶心里的預估價。

案例 4

飛書的聊天窗口中，每條消息的時間默認不顯示，但在單擊每條消息時，就會在下方顯示該條消息的時間，精確到秒級。

3. 字體和排版設計

對于文案本身的字體選擇和排版設計，如果可以和文案的內容或功能有效的結合，也可以對用戶體驗起到提升作用。

案例 1

得到 App 的閱讀設置頁面，字體有 4 種選擇，字體樣式就用在字體名稱上進行展示，讓用戶對于字體的樣式一目了然，很有體感。

類似的方案在很多軟件中都有體現，比如 Sketch 的字體選擇功能：

案例 2

8 月 13 日有英仙座流星雨，B 站的央視新聞當天的直播彈幕，就變成了流星雨的形狀，很有新意。

案例 3

同花順 App 中把用戶對于股票的評論以彈幕的形式進行呈現，既讓評論變得直觀，又可以提升用戶對于個股的重視程度。

原文鏈接：長弓小子（公眾號）

作者：元堯

轉載請注明：學UI網》案例錦囊｜如何巧用「文案設計」優化用戶體驗？

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

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

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

一  階段劃分

按時間和經驗區間來看，大致可以分為三個階段：初級階段、高級階段、專家階段。

每個階段我們總結出一個最具有關鍵點的問題來展開分析。

二  初級階段

這個階段的設計師初入職場或者一兩年工作經驗，處于小白階段，對任何事物都有好奇心，精力也是最充沛的階段。

同時也是在這個階段，設計師往往是迷茫的，不知道自己要朝著哪個方向努力、該學習什么。一個不小心，努力錯了方向，耽誤的時間是彌補不了的。

這里我給初級階段的設計師總結了一個問題，同時這個也是目前各大廠在招人的一些可參考的標準。

（問題一）如何在眾多設計師中脫穎而出？

2.1 對設計有足夠的熱愛

俗話說干一行愛一行，只有對設計有足夠的熱愛，才能激發出無限的潛力。加班到深夜完成一個項目后，才會有無比的滿足感而不是厭惡感。

2.2 學習能力

學習伴隨終生，互聯網發展如此之快，你如果只局限于現有的能力，早晚會被時代所拋棄。學習能力分為兩類：

• 自我學習：抓住當下火熱的趨勢，不斷挑戰自己的能力，提升自己；
• 項目中學習：項目完成后做復盤，可以讓你學到更多的東西，避免相同問題再犯錯。

2.3 交叉能力

職業有邊界，設計無邊界。不要只看重自己當下職業中的技能，要把有限的職業做出無限的可能。多學習相關知識和技能，充實自己。

2.4 協作能力

隨著互聯網的發展，協作能力變得越來越重要，很多項目是你一個人無法完成的，所以就需要多人協作，人效也尤為重要。為了提高效率，你就必須增強你的協作能力。

2.5 責任心

有責任心的設計師往往是會被看重的，像那些只為了眼下自己的任務而不關心項目整體的設計師，會被慢慢邊緣化。

2.6 有想法

這個是基本的能力，就不用過多闡述了吧？沒有想法的設計師只是一個沒有感情的做圖機器。

2.7 高執行

無論有多好的設計能力、想法，最后能落地才是好方案，高的執行力可以讓你的方案很快的落地，不至于讓別人認為你只有嘴上的功夫。

2.8 懂商業

隨著行業的發展，設計能力不僅僅是視覺能力，更大一部分是是否滿足商業化的需求，只有懂商業才能設計出更符合消費者的產品。

2.9 正能量

設計師一定要有正能量，是一個積極向上的人，每天都在想 *** 的事情，是不能成為真正的大神。

2.10 有沉淀

每個設計師的思想都是獨特的，你要把自己的想法和經驗沉淀下來，多年過去回頭看，你才不會覺得前些年什么都成績都沒有。

三  高級階段

高級階段一般處在 5 年左右的一個工作經驗，這個時候職業技能方面已經爐火純青，行業上面也有一些造就。

這個時候呢，又到了職業生涯的第二個分叉口。我們就來引出第二個問題：

（問題二）30+ 歲的設計師如果走不上管理崗，該如何做好自己的職業規劃？

在這里我想反問大家兩個問題：

• 管理崗位跟你的職業目標是不是一一對應？
• 你是想要獲得一個管理崗位還是管理的能力？

其實在 30 歲這個年齡，是設計師最美好的時間。要職業技能有職業技能，要經歷有經歷，也有年輕人的干勁。

其實很多人都是因為喜歡設計這個行業才做的設計，剛畢業的時候都是憧憬著自己哪一天能成為設計界的大?！，F在卻被行業內卷的，非要走上管理崗嗎？

設計上走上管理崗是一種出路，但不是唯一出路，我們完全可以在專業度上深挖，把自己打造成一位大神（據大廠數據統計，專家級別的平均年齡在 30 出頭）。

設計是有無限的可能，把所有的時間都放在專注設計上都不夠用的。

最后，我想再反問大家一個問題：你真的想得到的是管理崗嗎？你有可能只是想得到認可。

所以價值的體現會在各個方面，不要被內卷的世界所誤導。

四  專家階段

這個階段你就已經站在了行業金字塔的頂端了。一般情況下，就算不專門的轉做管理崗，也會或多或少的帶一些職級低一些的設計師，需要有一些管理的能力。那么最后一個問題也就也就引出來了：

（問題三）如何打造一個優秀的設計團隊？

4.1 對專業的熱愛，你要讓你團隊的成員感受到從上到下都是很專業的。很多優秀的設計團隊不是有很多人，而是有一群非常專業的人。

4.2 愛的氛圍：你要把團隊成員當做家人一樣，讓他/她在這個團隊里感受到愛。

4.3 給予大家更多的空間，不設定死的 KPI 目標，不設定框框架架，可以激發更多的潛力。

4.4 接上一個點，如果沒有 KPI，那該如何量化設計價值？當團隊的專業能力達到足夠的高度，硬性指標的事情就會做的非常得心應手，反而大家都會去做一些沒有嘗試過的事情，激發框架之外的潛力。

4.5 找一個比你還優秀的人，永遠有個人鞭策著你，讓你不斷前進。

4.6 你要做決定，要不然要你做什么，做任何一個關于團隊的決定。

最后總結下來，你要“雌雄同體”，既要有男性的理性和果斷，也要有女性的包容和愛，這樣才能成為一個合格的 leader。

總結

每一個階段的過度都是一個成長，勇于困難、不懼未來，你總會成為你理想中的樣子，加油！

最后，希望本編文章能對看完的你有所幫助，這也是我做分享的初衷，我們下期見。

原文地址：友設青年（公眾號）

作者：Luckgg

轉載請注明：學UI網》我們來聊一聊設計師成長的三個階段

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

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

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