這個叫做太陽花的logo，一經面世就引起了社會強烈關注，除了傳說中的設計費用打破歷史紀錄以外，該設計方案也確實讓人眼前一亮，完全顛覆了英國石油以往的logo。

該花朵采用對稱構圖，從里到外一共分三層，顏色從白色到黃色再到綠色，呈現出綻放的姿態，寓意生機勃勃，永不凋落。這個誕生于2000年的logo，至今看來依然時尚、美麗。

二、索愛logo

2001年索尼與愛立信聯姻，于是誕生了索尼愛立信這個品牌，新的logo也在這個時候應運而生，該logo一反主流的扁平風，采用了立體的漸變風，在當時可謂是獨樹一幟，十分驚艷，從logo上我們就能感受到強烈的動感和科技感。當時的設計需求中有兩個兩個關鍵點：“流動的形象”和“另一個自我”，流動的形象是指logo本身要具有強烈的動感，讓人感覺它是活的；另一個自我指的是要有個性，這兩點都在這個logo上得到了體現。

三、墨爾本城市會徽

墨爾本是澳大利亞的第二大城市，該logo以墨爾本的英文Melbourne的首字母“M”為原型，圖形內眾多幾何色塊相比穿插，配合從藍色到綠色的漸變色，展現了該城市活力、新潮、多元、現代化、重視生態的城市形象。

該logo的延展圖形也很驚艷，展現了該logo極高的延展性。

四、美國航空logo

該logo更新于2013年，在過往形象的基礎上做了重大突破，圖形由老鷹、品牌首字母A、飛機尾翼，以及星星組成，顏色來源美國國旗中的紅、白、藍，傾斜的尾翼圖形極具動感和速度感，簡單而明了，又沒有盲目跟風扁平化，漸變以及立體效果并沒有讓該logo顯得老氣，反而增添了一份品質感。

▲ 美國航空過往logo形象

五、beats耳機logo

該品牌以售賣耳機為主，所以在logo設計上，設計師采用品牌首字母“b”與紅色圓形結合，得到一個類似人在戴著耳機聽音樂的圖形，簡單而直接，讓人一看就懂且印象深刻，其中字母b的下半部分被抽象地處理成一個正圓，與外面的大圓形成同心圓關系，所以在視覺上非常和諧、美觀。

六、北京申奧標志

該個logo由知名設計師陳紹華設計，圖形為采用具有中國特色的書法筆刷組合成打太極的人形，而且筆刷剛好為五筆，分別使用奧運五環的顏色，代表奧運，該logo把動感和中國文化展現得淋漓盡致，且簡單、獨特，一經面世，好評如潮，最終也為北京成功申奧貢獻了一份力量。

七、廣州亞運會標志

該logo由設計師張強設計，圖形由廣州極具代表性的建筑：五羊雕像與火炬結合而成，五羊雕像的靈感則來源于古老的五羊傳說，象征著豐收、福瑞，以及廣州人民知恩圖報、勤儉樸實的品質，火炬象征著奧運以及熱情，最下邊的四個色塊形似跑道，象征著運動和競技 。

八、杭州G20峰會logo

該logo的圖形部分為一座拱橋與水中倒影組合在一起的形態，橋是杭州很有代表性的元素，同時也象征了開放、包容、溝通和連接。橋的圖形是由20根同等粗細的線條組成，體現了參會的20個國家地位平等。另外，該logo在形式和排版上也是個性鮮明，logo的輪廓比較狹長，文字疊加在圖形上，使其融為一體，而不是像大多數logo那樣把文字與圖形完全區分開。整個logo從形式到配色都給人一種典雅、現代的感覺，廣受大家的喜愛。

九、蔚來汽車logo

蔚來是一家智能電動車企業，該logo的設計理念為：blue  sky coming，圖形設計上主要呈現了三個元素：上面的弧形代表天空，象征著未來、開放與目標；下面的箭頭圖形代表路面，象征著前進與行動，地面與天空的交界處是地平線，象征著無盡的遠方。整個logo圖形在一個正圓的基礎上設計，簡單而美觀，細節的雕琢也十分到位，個人覺得是國產汽車品牌logo設計中少有的亮眼之作。

十、廣州城市會徽

該logo由曹雪設計，logo的外形為廣州新時代的標志建筑：廣州塔。該圖形由左邊的弧形色塊和右邊的弧形線條疊加組合而成，二者剛好又是廣州二字，同時我們在該logo中還能看到帆船和飛鳥的影子，寓意廣州海納百川、生機勃勃，整個logo的形態給人一種現代、時尚、優雅的感覺，該logo一經公布，引起了廣泛關注，也收獲了眾多好

評。

當然，21世紀優秀的logo還有非常多，但要說比較知名且好評較多的，我對這10個logo的印象比較深，縱觀這些logo設計，我們不難發現，他們幾乎都具備這么幾個特點：簡單、獨特、調性與品牌和行業吻合、符合時代審美等。知名品牌的logo設計具有非常的框架，設計師所面臨的壓力也是巨大的，能夠有如此出品和口碑屬實不易。

作者：黑馬青年

轉載請注明：學UI網》2022 UI 設計作品集

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

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

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

像情竇初開的你。

漸變的粉色是成長的開始，

折痕的肌理是愛情到來時內心的波瀾。

愛心做出半透明的玻璃模糊質感，

塵封已久的內心已怦然心動。

紫色是浪漫，

像奔赴熱戀的你。

當我們一起仰望星空，

不小心碰到你的手時，我感受到你的心跳。

當我們一起仰望星空，這一次我想走進的你的心扉，

建立屬于我們的橋梁，在你內心的最深處直到永遠。

紅色是摯愛，

像真誠而付出的你。

醒目的紅色真誠而又直接，

我們的心也將靠的更近。

模糊的愛心肌理是

我們試探彼此距離的那點小心機。

看似朦朧實則清晰的情感在這一刻印記在我們心中。

藍色是冷靜，

像理想到現實的你

紅色的愛心旋渦久久不能離去，陷入的太深，

無法自拔，找不到自己的方向。

直到看清現實的你，慢慢的像沙漏一樣，

選擇和自己過去的他和解。

當這些色彩融合在一起時，就出現了愛情最真實的滋味，

朦朧又夢幻，真實而脆弱。

只有理解色彩給予的感受，

朦朧又夢幻，真實而脆弱。

做出來的設計就才會有真實的情感體會。

作者：修先森

轉載請注明：學UI網》色彩的感知

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

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

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

1、CTA按鈕

號召性按鈕(CTA)是界面中的交互元素，用來執行特定的操作，例如聯系我們、訂閱信息、購買產品或加入購物車等。

CTA按鈕作為執行重要操作的按鈕，在設計上應該更醒目，能讓用戶快速分辨出來。

2、文字按鈕

文字按鈕是以可點擊的文字作為按鈕，文字底部沒有圖形背景。文字按鈕的操作面積小，突出程度低，多用于不太重要的操作。

3、下拉按鈕

在有的網站導航欄中，單擊選項會出現下拉列表，展示更多二級選項，方便用戶可以查看并選擇更多的操作。

4、描邊按鈕

描邊按鈕是背景透明效果的按鈕，用于輔助操作。當界面中有多個按鈕時，使用描邊按鈕有助于劃分視覺層次結構，高優先級的按鈕使用填充效果，輔助按鈕使用描邊按鈕。

5\漢堡按鈕

漢堡按鈕隱藏在菜單欄中，當我們點擊時，菜單將展開并顯示所有的選項。漢堡按鈕廣泛應用于web和移動應用中。

6、懸浮按鈕

懸浮按鈕(FAB)位于界面的最高層級，優先級高，通常為圓形，在界面中執行最常見的操作。

FAB按鈕常用于創建新項目或者發表內容等操作，FAB的位置應確保按鈕具有較高的可訪問性和可視性。在有的產品中，點擊FAB會出現更多的操作，將常用的操作聚集到一個按鈕中。

二、有效的按鈕設計實踐

1、讓按鈕看起來可點擊

當用戶與界面交互時，他們應該快速明白什么是可點擊，什么是不可點擊的。作為設計師，我們不會希望用戶花很長的時間來理解他們看到的元素，因為用戶花的時間越長，產品的可用性就越差。

為了確保用戶能夠明確知道按鈕是否可點擊，我們可以使用用戶熟悉的按鈕樣式，例如方形邊框的填充按鈕、圓角填充按鈕、帶有陰影的填充按鈕、描邊按鈕等。

其中最為常見和熟悉的設計是帶陰影的彩色填充按鈕，當用戶看到這樣的按鈕時，他們會立刻明白這是一個可點擊的按鈕。

2、考慮按鈕在界面中的位置

按鈕的位置很重要。作為設計師，我們不希望用戶花時間尋找按鈕，而是應該將按鈕放在用戶期望的位置上，方便用戶去操作。

對于按鈕在界面中的位置，首先要了解F型和Z型的瀏覽模式。

F型瀏覽模式

在F型模式中，用戶通過水平移動的方式讀取界面上方的內容，構成F的頂部欄。然后用戶向下移動頁面，再次水平移動，再以垂直移動的方式瀏覽左側的內容，形成F型的主干。當界面中有大量數據時，通常會遵循這樣的瀏覽模式。

Z型瀏覽模式

Z型瀏覽模式模仿了人眼閱讀的路徑——從左到右，從上到下。

用戶首先從左上角到右上角掃描，形成Z的頂部條。然后向左下角掃描，最后再向右看，形成Z型的瀏覽動線。

3、標注按鈕的作用

按鈕應該始終有清晰的注釋，展示點擊時將執行的操作。過于通用或者模糊的注釋可能會讓用戶感到困惑。

4、正確調整按鈕大小

按鈕的大小代表了元素優先級的高級。尺寸較大的按鈕表示更重要的操作。

當在一個界面中存在多個操作按鈕時，為了讓最重要的按鈕看起來更突出，可以考慮讓這個按鈕比其他按鈕的尺寸更大，并且利用顏色和對比，讓這個最重要的按鈕更吸引視線。

5、始終提供反饋

每當用戶點擊按鈕時，他們期望界面能有提示或者反饋。在激活按鈕時，按鈕應該改變狀態，給用戶一個反饋，便于用戶知道點擊按鈕發生了什么。

最后

以上總結了設計中按鈕的6種類型以及5種改進按鈕設計的方法，希望通過這些內容能讓大家對按鈕設計更重視，對已了解的按鈕設計知識查缺補漏！

慢慢來比較快，如覺得有幫助，

作者： Clippp

轉載請注明：學UI網》如何改進UI中的按鈕設計，試試這5個方法！

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

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

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

雖然作品集包裝也很重要，可以對我們的作品輸出進行揚長避短，起到非常好的襯托作用。但是面試官考核的不只是包裝而已，作品本身的能力至關重要，喧賓奪主也容易適得其反。

我們不能過度局限于作品包裝，而忽略作品自身的修煉，需要投入時間精力細化每一個界面，確保它們都是自己正常專業水平之上的輸出。所以說提到作品集很多設計師總是糾結于不知道怎么開始，以為難倒自己的是包裝，其實先把單個的界面優化好就是第一步。要讓自己的每一個界面都經得起考驗，而不是湊數量，這樣包裝才能錦上添花。

二、老作品新用場過于偷懶

遇到過很多設計師在制作作品集時，往年的作品直接拿來湊數，導致作品呈現質量參差不齊。在職場 1-3 年的時間段，項目作品數量有限實屬正常，往年的作品包裝到作品集中也是沒問題的，只是老作品新用場不能過于偷懶。

設計趨勢和大眾的審美觀念都是在發生變化的，前幾年的作品也許在當時覺得還不錯，但是時過境遷之后不一定入得了當下的審美標準。針對老作品我們需要結合當下的設計趨勢和審美標準進行評估，如果這個作品連自己都打動不了，想要打動面試官那是很難的。我們要結合新的趨勢和規范進行二次梳理，重新優化調整每一個界面，確保它們都是符合當下設計標準的，然后再結合作品集新的規范重新包裝，這樣才能保持整體作品集的質量。

想要更好的結果就不要偷懶，此時的應付換來的就是行業的拋棄，多一點行動多一分設想。

三、追趕樣機趨勢卻忽略規范

在包裝作品集的過程中，相信大家都會經常使用樣機模型，以此來真實的還原作品呈現。隨著樣機設備的不斷更新交替，樣機模型也是經常變化，保持最新樣機模型也能提高作品集的趨勢感。

大家都知道追趕樣機趨勢，但是卻不調整作品的規范，導致作品的組件規范和樣機的不匹配?？此朴X得無傷大雅，實則對于講究細節的面試官來說，會認為這是你的專業態度問題。如果連設計規范都不能把控好，也不注重設計細節，那么如何相信你的專業能力呢！

追趕樣機趨勢是毋庸置疑的，不過也要結合樣機模型的組件趨勢，老作品要結合新趨勢重新調整，不要忽略這些細節的表現。

四、作品不可缺少反復自查

在優化單個界面的時候，不要忽略細節的校對，特別是不要出現低級錯誤。比如圖文不搭、錯別字、信息表達出錯、元素替代遺漏、流程不通、信息邏輯不對等等，不要在看似簡單的細節上面出錯，反復自查是不可缺少的環節。

特別是對于自己 0-1 參與的項目，一定要對每個環節都比較熟悉，不能只是停留在視覺表層。檢查自己設計上面的問題，也要復盤全案設計的思路，這樣面試官在考核的時候才會應對自如。如果細節都容易被忽略，設計態度的體現將會大打折扣，也容易讓人覺得你做事比較馬虎。

五、工作輸出單一而不去改變

如果在規模比較小的企業，我們的項目容易比較單一，就會導致作品輸出也比較單一。如果公司對于設計質量的要求比較低，我們也沉淀不出什么像樣的作品，求職就會變得非常被動。工作輸出單一如果還不去改變，久而久之便會影響專業能力，職場路徑也會變得局限性很大。

對于 UI 設計師來說，無論是 C 端還是 Ｂ 端都屬于我們技能掌握的范圍，而不能根據短期內的行業走勢鎖定自己的職場路徑。在工作中沒有機會發揮多維度設計時，我們要在日常強化中去彌補，不能讓自己的技能變得越來越收縮。不要為自己作品輸出單一而找借口，結合公司業務轉化、前公司業務優化、熟悉產品改版設計等，都可以以此來強化缺失的技能。

機遇是自己去創造的，只有能做好了才能抓住機會，沒有機會去發揮專業能力，就要主動去挖掘。

六、信息重復導致樣式化

項目界面作為技術對接和作品展示輸出，這兩種情況下我們不能偷懶的采用一個態度。站在項目對接的角度來說，信息圖文都可以只是占位符，交代清楚樣式特征即可。哪怕全部采用一樣的文案信息和配圖都沒關系，甚至配圖用色塊來替代都可以，只要下游對接的同事能判斷出來就好。

站在作品集輸出的角度來說，不能以此形式來表達，這樣帶來的感官體驗肯定是有所欠缺的。樣式化的表達不能體現出作品的真實感，包裝出來的效果也會大打折扣，我們要真實還原每一個界面中的信息表達。無論是文案還是配圖來說，都要選擇更加真實的內容，不能以占位符的心態去輸出作品。

不同的版塊信息要以不同的文案和配圖來填充，就算是數據和日期等內容也不要都一模一樣，做好細節才能帶來更多機遇。

七、人靠衣裝配圖是金裝

作品展示的角度來說，一些設計師容易忽略界面中的配圖，隨便找一些圖片填充設計，導致自己的作品總是少了一些質量。配圖就如同人的衣著打扮，人靠衣裝配圖就是作品的金裝。如果配圖自身不夠高端大氣，作品自然也是高端不起來的。

在保障配圖與信息表達真實性的前提下，我們要盡量選擇質量更高的配圖，以此來帶動作品的格調。不過我們也要養成版權意識，盡量去免費可商用的圖庫網站篩選圖片，可以找黑馬哥領取網站合集。既然耗費了時間輸出作品，就不要在配圖這個環節馬虎，高質量的配圖也能帶動作品的質量，帶給面試官更好的感官體驗。

八、作品輸出缺少視覺感營造

隨著行業發展的成熟，各階段的人才儲備也會變得更多，求職的時候面試官的選擇性就會更多了。當面試官收到的作品集很多的時候，就需要經過多次篩選來提高選擇效率。通過學歷、工作經驗、崗位匹配度、作品集和面試發揮等來篩選，而作品集也會經歷海選、初選、精選等。

影響作品集篩選的因素很多，在海選和初選的時候，如果作品集很多的情況下，作品帶來的視覺第一眼就變得很重要了。如果單個界面本身只是簡單的布局層面表達，缺少一些視覺感的營造，極容易在海選的時候被忽略掉。這樣就算你設計說明描述的很好，產品思維也比較成熟，但是面試官沒有看到或者沒有仔細閱讀那些長篇大論，也是徒勞無功。

提高作品的視覺表現力可以從配色開始，色感的表達可以讓作品充滿視覺亮點；也可以精致化圖標設計，質感圖標的表達可以帶動界面的視覺感；還可以從 IP 設計或者品牌基因等元素的融入入手，以此豐富界面設計的視覺表現力。營造視覺感的方向很多，不能局限于常規的布局，擺脫同質化需要從差異化的視覺表現力開始。

九、作品本身的差異化不可缺

同類型的設計看久了終歸還是會麻木的，在相似功能的設計表達上面，如果同質化比較嚴重，面試官也會覺得你缺少創新能力。不要只是把焦點放在作品集包裝層面，作品本身的差異化也是至關重要的。

差異化的體現可以是交互形式上面的創新，擺脫常規的功能表達，破局才能打破固化思維。也可以是立足于品牌的基礎上進行設計，提取品牌元素運用到產品設計的場景中，這是拉開差異化較為明顯的方向。還可以運用一些新的技術或者趨勢化表達，比如三維設計運用到 UI 場景中，插畫風格衍生到圖標和視覺區域等場景中，交互動效帶來界面動態化表達等等。

在設計每一個界面的時候，如果都只是普通的展示功能而已，這樣的設計是打動不了面試官的，因為隨便來個設計師都可以做出來。每個設計作品都是體現自己專業能力的表達，我們需要的不是完成需求，而是如何突破常規，做出不一樣的設計。

十、不局限于界面而是思路

工作項目中我們需要完成所有的狀態表達，但是作為面試作品來說，不需要展示全部內容，重要的是整個項目設計的思路。就展示界面來說選擇主界面、重要業務流程界面、強視覺感界面、創新交互表達界面等。作品集是眾多項目的縮影呈現，都去展示不但篇幅不夠，也容易讓有亮點的設計被埋沒。

在設計作品集的時候首先要明確項目展示的流程和思路，比如項目背景、用戶調研、交互設計、品牌設計、UI 設計等等（僅作為大概示意）。把這個流程里面需要重點展示的界面設計好，這樣才能快速的優化項目。也不需要把一個界面的所有內容都呈現出來，輸出一條特別長的界面，到時候包裝的時候不利于展示發揮。

整個作品集呈現出來的思路比較重要，通過作品集要體現出你所具備的能力，如果你會插畫但是沒有在項目設計中體現出來也是無效的。通過作品集告訴面試官你具備哪些解決問題的能力，而不是單純的界面設計而已，我們在職場中存在的價值就是輔助團隊解決設計問題。

小結

在這個形勢嚴峻的招聘環境中，作品集無疑是我們最有利的能力保障，無論你面試技巧再完美，作品不行也是徒有其表。作品集的好壞不限于作品包裝本身，作品自身的設計表現力也是至關重要的，不要偷懶也不要濫竽充數，你付出了多少努力面試官一眼就判斷出來了。

希望本文的梳理可以帶給大家一點經驗，多花時間在作品上面，用心打磨每一個元素和深思每一個設計表現場景。

作者：黑馬青年

轉載請注明：學UI網》作品本身不足，與包裝無關

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

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

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

第一組：以手機或手機組合為主的樣機素材。

第二組：相對來說組合形式更多樣化，視覺感受上更有張力一些。

很明顯這兩組樣機的形式更加新穎，結合之前發的樣機素材，用來包裝、展示作品完全足夠了。

不過需要強調一下，我們能用到的樣機素材大致分為兩類，即：平面樣機和3D樣機。 

這篇文章中的樣機屬于平面類的，所以使用起來很方便：打開素材后找到需要替換的屏幕內容智能對象圖層，雙擊點進去替換圖片保存即可。

但今天分享的這些樣機屬于3D樣機素材，其使用方法略有不同：

1、打開樣機源文件后，找到需要替換貼圖的3D圖層：

2、雙擊紋理下的Chante This 或 Click This圖層，打開新窗口

3、在打開的新窗口中置入自己需要的圖片，調整好尺寸保存，返回到源文件窗口即可看到替換后的效果。

比如像我這樣簡單的使用就可以：

另外還有一點，PS版本太低或者電腦配置過低可能無法使用，比如我常用的2015版PS就不能使用，打開后就是這樣的：

好了，關于使用方法和注意事項就說這么多了，其他的大家下載之后多摸索摸索，最起碼需要用的時候知道怎么用。

作者：老張

轉載請注明：學UI網》哇，這些樣機素材太好用了??！

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

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

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

很多人都說設計這個物種是只看圖片，不看文字的，這一點我并不認同。因為設計師對于文字的解構能力，真的在作品中一對比就可以高下立判。比如你們看研習設推文和作品中，所有關于文字的排版，是不是都是對文字內容進行了重新編排，這是設計師必須具備的一種能力。

看不懂文案這種類型的設計師，遇到文字的排版，全部照單復制，甚至連信息內容、標點符號、字體備注都不看。

? 提供的文案信息

? 設計完成稿

這樣的成果交付，會讓一名設計師顯得特別不專業，即便你的軟件技術很強，也會讓你的工作伙伴不想再與你合作。

 

這也是看不懂文案的一種體現，文案小清新，設計非要配個重口味的畫面；文案是小橋流水人家，你非要來個大漠孤煙，長河落日；你明明是個乖巧俊俏小嬌娘，他就給你來個膀大腰圓黑李逵。 

? 提供的文案信息

   

? 設計完成稿 

成熟的設計師是應該能夠在不同的設計風格里切換自如的，并且知道在什么情況下應該運用什么風格。對于一些約定俗成的風格文化，有些設計師卻并不了解，模仿著去做一些設計，最后變得不倫不類。

拿近些年比較流行的國潮風來說，很多人大肆吹捧，似乎萬事萬物都可以用國潮重新做一遍，不管是什么產品經過這么一改，就變得與潮流接近了。 

你去搜索國潮設計的圖片，大約會有82000多個搜索結果。經過實踐證明，真正被消費者記住的會有幾個？國潮設計美則美矣，但是要考慮到產品的品類，消費習慣，購買場景。

 

常識是存在于實踐當中的一種“潛規則”，不同的行業就有著不一樣的“潛規則”存在。設計師在承攬不同商業設計的過程中，就會接觸到各種各樣的客戶和產品，因為對行業的不了解而缺乏相關的常識。我曾經見過一些設計師，在他的職業生涯中，很少有過去現場看看自己作品實際效果的經歷。

常識是存在于實踐當中的一種“潛規則”，不同的行業就有著不一樣的“潛規則”存在。設計師在承攬不同商業設計的過程中，就會接觸到各種各樣的客戶和產品，因為對行業的不了解而缺乏相關的常識。我曾經見過一些設計師，在他的職業生涯中，很少有過去現場看看自己作品實際效果的經歷。

設計師做設計不考慮應用場景，無異于紙上談兵。

上圖是一款墨鏡的車體宣傳視覺，設計師沒有預先考慮到車體造型的復雜性，導致模特的臉部被裁切掉了一部分。

 

你一定聽過甲方提這樣的要求，要把自己的產品形象設計的有文化。

 

作為設計師，當你遇到一個品牌的形象設計的時候，一定是要挖掘相關歷史和文化的，但是有多少方案是先出來視覺，然后再編造一些看起來有文化的文案，生拉硬扯強通邏輯的？這里不舉反例，相信參與過這樣項目的同學自然會感同身受。

我在研習設的公眾號后臺中和B站的視頻下面看到出現頻次比較高的評論有兩種。

同時在學員的反饋中也發現最集中的問題大多出現在，跟著教程學習和練習，感覺自己理解了，也會做案例了，但是一到實際工作中遇到現實的項目，感覺又做不出來，無法應用。這個和“眼睛看會了，手學廢了”其實是一回事，讓我們來一一拆解問題。 

 

因為你沒有用框架思維來梳理知識點。每篇教程的內容集中的知識點會有幾個，甚至很多文章用了大量的案例，為大家闡述設計的內核。如果你連一個案例的底層邏輯都沒有理解，那么就算你看100個案例，不懂還是不懂。這樣的結果一方面說明你的學習方法有問題，另一方面也可能是你的主觀意愿出了問題。

以研習設公眾號在9月8日發的推文《5個方法幫助你提升圖片高級感》舉例，我們把文章的內容用框架來展示，你就能很清晰的知道這篇文章在講些什么。

 

關于主觀意愿這個問題，我想表達的是，很多人都沒有搞清楚自己學習究竟要收獲的是什么，大多數人在接收信息的時候，都會出現注意力偏差，也可以叫做關注點偏移。

看文章點贊評論，參與互動是一個好習慣，也是對作者最大的支持，但是對于個人學習來說，更應該去思考我們接收到的信息和知識，要如何高效的吸收和轉化。否則我們看再多的教程和文章，也是過眼云煙，無法變成自己的儲備。這是一個很重要的問題，或許我這篇文章也會躺在收藏夾里，變成一堆吃灰的代碼，但是這個問題依然是切切實實阻礙很多人進步的一個關鍵。

 

因為，這就是人性使然。人自然而然的會對自己感興趣的事情更關注，而很多原理、方法、道理，本質上是枯燥而簡單的。所以，很多人學習都喜歡流于表面，只求一知半解，不愿意去深究，你當然也可以將這些都歸結到人性上面來寬慰自己。

學習其實是一件有點違背人性的事情，如果目標不清晰，目的不明確，很難把它當成是一件有意思的事情堅持下去，所以多問一問自己為什么而學習，你的關注點就一定不會出現太大的偏差。

 

 

這個問題，和之前那個問題，是有一些連帶關系的，也存在著注意力偏差的問題。眼睛學會了，是因為你看到了文章中，老師一步一步操作的過程，按照這個過程，你做同樣的一個畫面設計，自然而然就感覺學會了，可是換一個畫面，換一個主題，你還會靈活運用么？于是手廢了，你發現生搬硬套不靈了。

究其原因也有兩點 

這個問題很好解決，只要你把注意力多放在去理解操作背后的思考邏輯上，很容易就可以轉變這種狀態。這么說不是讓你不重視操作，操作當然也重要，但是你要在理解了為什么這么做的前提下，去思考操作步驟。另外多練，也是提升理解和熟練的不二法門。

 

這個問題就有點棘手了，知識儲備量不足不能迅速解決，只能說平時缺少積累。在我們過去有限的2/30年的時間里，你所經歷的和獲得的文化知識，可以從兩個層面去分析，一個是量的積累，一個是質的轉變。

 

 

量的積累，是需要時間的，比如說你要有大量的閱讀，不管是紙質書還是電子文檔都可以。有些人對文字閱讀的速度比較快，可以在幾個小時消化一本幾十萬字的書，而有的人可能需要幾天的時間，這就涉及到了一個效率的問題。

好在這件事情從什么時候開始都不晚，把你刷小視頻的時間縮減一些，用于有目的性的閱讀積累，可能幾天，幾個月不會有大的提升，但是如果你能堅持下來，幾年之后就一定會有一個天翻地覆的變化。

質的轉變講究的是方法，同樣也有效率的問題，我記得量變引起質變這個理論，是高二政治中學過的內容，大家應該都知道。說的就是量變一定是會引起質變的，只不過不同的人，因為方法和效率的不同，每個人質變的時間會有早晚而已。當你積累到一定的量的時候，效率也是會有所提升的。

 

 

 

分享大家一個方法，就是做讀書筆記。筆記的形式就可以參考前面我們對于那篇推文的拆解方式，通讀之后進行框架拆解，自己做一遍這樣的事情，你的知識就有了歸類和整理，方便你隨時提取。

 作者：金池

轉載請注明：學UI網》設計師如何不花錢學習？

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

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

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

底部標簽欄可以是純圖標樣式，或者圖標與文本標簽搭配的樣式。

選中的標簽需要有不同的視覺風格，可以使用按鈕、文字、圓點等樣式來表示選中效果，幫助用戶一目了然地定位當前導航。

在Apple iOS底部標簽欄中，標簽欄的寬為390px，高為49px。

常規標簽欄的圖標大小為25x25px，緊湊型的標簽欄圖標為18x18px。

 二、標簽欄設計6個注意事項

1、導航數量不超過5個

底部標簽欄最適合放置3-5個導航選項。移動端屏幕相對較小，使用五個以上的選項會讓導航擠在一起，并影響可用性。

另外導航選項太多，手指的觸摸面積(紅色圓圈)會比觸摸目標(導航選項)的面積大很多，用戶有可能會意外觸發錯誤的選項。

設計解析：

① 如果選項很少，只有兩或三個時，可以考慮使用分段控件的設計樣式，將分段控件放在頁面上方作為導航。

② 如果選項很多，超過五個時，我們需要評估這些導航的優先級，篩選出最重要的導航。如果必須要保留五個以上的導航選項，可以考慮使用類似漢堡菜單這樣的控件。

2、不要使用不熟悉的圖標

底部標簽欄是用戶使用頻率非常高的導航之一，這就需要確保目標受眾應該對標簽欄中的圖標非常清晰，避免讓用戶產生疑惑。

3、圖標/文字的顏色不能太淺

圖標的顏色對比度差、導航標簽的字體小是在底部標簽欄設計中兩個最常見問題。

在底部欄設計過程中，我們不僅要區分已選標簽和未選標簽的狀態，保證已選標簽更突出，還要注意觀察圖標與文字之間、圖標與背景之間的顏色對比度，確保未選狀態的圖標和文字也能夠清晰易讀。

4、不要設計可滑動的標簽欄

可滑動的標簽欄會對導航可見性產生影響，由于并非所有的導航選項都是一次可見，用戶可能很容易錯過后面的選項。

另外，當用戶左右滑動標簽欄時，前面已選的標簽可能會消失，影響使用體驗。

5、不要截斷標簽

底部標簽欄的空間本身就很小，因此在導航中使用文字時，每個字符都顯得很重要。

不要截斷標簽，這樣會造成用戶不清楚標簽的含義，可以嘗試使用更簡練的文字來清楚地傳達選項含義。

6、不要使用太復雜的切換動畫

花哨復雜的切換動畫對于初次使用的用戶來說可能看起來很酷，但是一旦用戶熟悉了產品并頻繁使用導航時，這些復雜的切換動畫就會變得很煩人。

這些切換動畫雖然看起來很復雜，但卻沒有為產品或用戶帶來任何有用的價值或信息，因此這些動畫就會變成一種負擔，讓用戶感到沮喪。

作者： Clippp

轉載請注明：學UI網》APP底部標簽欄設計需要注意哪些問題？我總結了這6點

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

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

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

一、評審會的目標

中后臺B端產品「設計改版」通常是在保持現有業務邏輯不變的情況下，針對界面交互及視覺風格存在的問題，提出的升級優化方案。設計評審的目標也比較明確，可以分為「直接目標」和「間接目標」。

1、直接目標

• 獲得評審人員的建議，明確后續的修改方向；
• 爭取獲得向更高層匯報的機會，得到認可后推進落地；

2、間接目標

• 通過專業的設計輸出，增強設計的正向影響；
• 良好的評審互動，展現個人能力，為自己后續工作加分；

達成這些目標并不容易。設計評審跟做產品是一個道理，需要能夠向用戶（評審人員）提供有價值（針對用戶需求）的產品（設計方案），這樣用戶才會買單（過審）。

所以除了做好設計方案，設計師還要思考評審人員的角色、關切點，并且充分論證設計方案的合理性后，才能讓評審人員接受設計方案。

二、評審會的影響因素

1、評審人員的專業性

之前文章中也提到過，設計評審有設計團隊內審和項目組外審。「設計改版」歸屬于大版本迭代，影響范圍更大，評審人員也更加復雜。

外審的時候，設計師主要面對的是業務方、產品經理、技術人員等非專業人員。在C端產品日常需求中，業務方會進行大量的競品分析，雖然沒專業設計能力，但是對設計會有比較深入的思考。設計師可以根據現場情況，部分內容一帶而過，但是要做好充分的準備，應對來自評審人員的質疑。

在中后臺B端產品中，業務方和產品經理主要精力集中在功能設計上，對設計工作關注度有限。他們對界面風格的流行趨勢、評判標準、交互方法等，沒有清晰的概念和明確的認知。面對這樣的評審人員，需要在設計方案講解時格外用心。

如果設計師一上來就拋出設計方案，最終的結果很可能是評審人員難以做出設計決策，方案也不容易獲得認可。

2、評審內容的不同

我們在做具體需求設計時，評審人員會圍繞具體的操作流程，用戶場景、設計細節展開，在統一的規范框架下，頁面設計不會產生太大的評審問題。

而設計側主動發起的“設計改版“，更偏向于抽象、主觀的視覺層面。每個人看到設計方案的感受可能大相徑庭。設計師在評審時，要將偏主觀感受的設計風格，轉化為客觀形象的設計過程，讓設計方案能夠水到渠成地展示給評審人員，其實還是需要下一番功夫思考的。

否則評審人員會充滿各種疑問，比如設計師講到顏色升級，評審人員不理解”為什么主題色要從深藍變成亮藍”，或者”為什么頭部區域從淺色變為了深色”。B端產品缺少了前期的設計分析和研究，這樣的細微調整，在非專業人員看來根本沒有什么意義。

3、評審人員的關切點

設計師很多時候更偏向于執行層面，視角相對局限，更加追求完美的設計方案。而上層則會綜合考慮產品發展階段、人力資源、工作的優先級等因素，做出最終的設計迭代決策。因此了解上層的期望至關重要，可以保證更高的設計通過率。

如果設計師有新的設計思考，可以推出多個設計方案，給上層帶來新的思路和思考。多方案并行時，要保持一定的梯度和差異化，要有一定的方向性的差別。既要能夠滿足上層的關切點，又可以體現設計師的個人能力。簡單換個顏色很難打動評審人員。

評審人員更注重設計方案能否解決現有的問題，因此設計不能只是設計師個人的自由發揮，而是有效地解決產品問題，這才是設計方案的真正價值。

如果設計方案只是停留在設計師認知的角度，會導致方案無法過審，或者評審人員無法做出設計決策。

三、評審會的常見問題

評審會常見的問題包括以下幾項：

1、缺少設計分析

有些設計師喜歡直奔主題，打開設計圖直接匯報。評審人員要么看不懂、不理解，要么覺得不符合自己的想法，會提出各種質疑。設計分析可以不作為重頭戲，但是必須要有，否則設計方案就會缺乏足夠的說服力。

2、缺少設計目標

設計目標看似比較虛，我個人認為作用還是比較大的。一方面可以控制和牽引設計方案保持正確的方向，另一方面可以輔助評審人員理解設計師的想法。

因為評審人員沒有專業的設計表述方法，通常是“科技感”、“簡潔”、“熱鬧”、“氛圍”、“高大上”等等的抽象概念。設計目標也是諸如此類、高度概括的詞語，容易引起評審人員的共鳴。

3、方案缺少設計梯度

越高層級的評審，討論內容越是側重設計方向。設計細節通常是執行層面討論確定的。因此并行的幾套方案，如果一眼看上去差異不大，設計的價值必然會打折扣。雖然B端產品很難有顛覆式的表現層創新，但設計方案不能只是停留在設計細節的差異。

設計方案體現出一定的差異化，有利于評審人員作出設計決策，或者選定設計方向。

4、缺少有效的設計協同

雖然大的改版升級需要調動多名設計師共同完成，最終還是要形成統一的匯報框架。這時需要有明確的組織者，站在更高的視角進行設計協同，比如設計方向的討論，統一匯報文檔的結構，表達邏輯等等。

5、講解邏輯不清晰

方案講解時，需要能夠讓評審人員聽懂并接納，因此如何呈現給評審人員至關重要。否則東一榔頭、西一棒槌的，評審人員可能聽得云里霧里的。

四、評審文檔內容

設計方案固然重要，但是需要一定的評審策略將方案有效地傳遞給評審人員，避免設計評審成為設計師的「自嗨」。

根據“雙鉆模型”，設計過程包含了發現期、定義期、發展期、交付期4個環節。用戶調研、產品分析、競品分析對后期的方案設計有著非常重要的影響，因此完整的評審文檔必須要包含前期的分析研究內容。

1、發現期

改版不是對原有設計的完全顛覆，而是針對性地優化升級。設計師首先要明確“現有版本存在什么問題”，為設計改版提供足夠的鋪墊和支撐，也可以為設計改版指明方向。

另外中后臺B端產品，視覺層面上大同小異。評審人員設計決策時，會考慮投入產出比。因此從現有問題出發，更容易獲得評審人員的認可。

一般可以從內、外兩個視角發現問題。

• 設計師視角——內部定位問題

設計師可以采用啟發式評估完成一輪設計走查，定位現有版本的設計問題。通常這些問題都比較具體，需要將問題進行適當的歸類總結，作為后續的改版方向。

對于側重于交互的改版升級，還可以引入用戶反饋發現更多問題，也更有說服力。不過對于視覺類的升級，B端產品視覺風格雖然重要，但并非用戶核心關切點，用戶反饋可能會帶有明顯的個人喜好，并不具有廣泛的代表性，因此要審慎地對待用戶反饋信息。

• 行業視角——外部發展趨勢

除了現有版本的問題分析，還要站在行業視角，對同類型的產品進一步分析，總結機會點、設計趨勢等。另外評審人員可能對行業競品或者同類產品會有先入為主的印象，因此需要用更廣泛的競品分析，去引導評審人員的認知。

2、定義期

在發現期，我們發現了各種各樣的問題，但是由于設計資源、產品發展的階段、設計排期等限制，這些問題可能無法一次性解決。因此在定義期，需要對問題收斂、聚焦，關注最核心的問題，形成相應的結論，在此基礎上提出設計目標。

以上兩個部分，在完整的評審過程中是必不可少的。對于比較復雜或者重要的設計項目，如果設計洞察內容比較多，融入在一次評審中，會導致評審內容過多，會議效率低下。可以根據項目節奏，將設計研究作為專題單元單獨匯報。

五、評審會講解技巧

評審會是設計過程的高度濃縮，3～5天甚至更長的設計周期，設計師有大量的設計調研、分析、思考。想要在1～2個小時的評審會上傳遞給評審人員，需要有一定的評審技巧。

1、歸納總結

在評審過程中，評審人員很難一時消化密集的研究信息，因此將零碎、分散的問題提煉為結論性洞察是很有必要的。可以讓評審人員快速獲得關鍵信息。

如果是視覺風格評審，最后還需要將方案匯總展示，方便評審人員對比查看。

2、結論優先

一份完整的設計評審文檔可能會有幾十頁，完整的闡述所有內容，評審人員可能沒有完整的時間、耐心聽取報告。可以將設計洞察的結論優先展示給評審人員，快速切入到設計方案環節，詳細的分析內容作為附加信息，根據需要進行講解。既可以保證設計流程的完整性，又能夠提高評審效率。

3、邏輯設定

我個人認為方案講解可以遵循2個邏輯：問題導向和設計導向。

• 問題導向

就是根據前期的設計洞察，逐個講解優化方案。這種邏輯比較有針對性，但是設計方案的整體性會被削弱。這種邏輯更適合問題比較清晰，并且沒有產品框架優化的項目需求。

• 設計導向

立足于設計方案本身，從大到小逐步細化講解，將問題點的優化融入在設計方案講解中。這種講解方案更適合于比較大的系統級的改版設計。

具體的講解邏輯可以根據項目情況自由選擇。

設計評審會的細節還有很多，例如會議的組織、評審紀要等。今天就不一一展開了。

以上就是我的一些思考，歡迎大家評論區留言交流～

作者：子牧先生

轉載請注明：學UI網》設計師能力建設（4）：設計評審會

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

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

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