文末點擊原文地址 可觀看教程視頻；

今天用另一種角度

教大家三角構圖的實用方法

▽

用三個點所相連成的線稱之為三角構圖，看似簡單，實際該如何運用？

第一眼看好像沒什么問題，但是由于文字的分段較多導致內容層級不明顯，閱讀上會出現斷層和不夠直觀的體驗。

三角構圖作為層次空間的搭建者，將數字、主題、信息、時間利用三角的結構進行了分層以及信息主次和布局的整理，讓大眾可以清晰直觀的看到想要體現的利益和重要順序。

兩者之間的對比一下，是不是右邊的也更有設計感一些。

物體之間的三角構圖，一個奧特曼放在畫面中，看上去有些孤單，主要是怕萬一打不過怪獸。

根據三角的結構和方向性，依次左右放置更多的物體進行組合，再放置主標題，這樣是不是既顯得有層次又看起來內容豐富一些呢。

可惜80、90年代人最美好的童年回憶也終將逝去，某些家長不相信光，把教育不好的鍋丟給了奧特曼，可奧特曼又有什么錯了，他只是單純的想保護地球。

教程步驟

剛才這兩個示例都是拆分式的講解，如何在實際設計時完整的使用？

設計一張海報時，放置物體和文字，這樣的結合看起來是不是有點單調且缺設計感。

一、解決層次和空間

根據三角構圖，用剛才奧特曼的方式依次將物體有序的以三角構建的方向組合羅列。

將文字做出透視感放置到物體腳下，增加質感讓文字貼合到背景中。放置一些城市元素在物體身后，這幾步的操作都是增加遠景以提升空間感。

二、解決畫面的融合和完整度

調整整個畫面包括物體的質感。

將主標題放置畫面時，主標題區域與下面物體還沒能很好的融合在一起，我們可以將主標題以扇形或者同以三角構圖的方法展開結合到畫面中，這樣一來，視覺的完整度就有了很大的提高。

到這很多人可能就做完了，但其實還缺點睛之筆，我們發現人物的視線是直視著畫面前方，可以利用這樣的引導，增加一個兵乓球在視線前方，讓畫面具有一定的律動感和視覺的穿透力。

我們再對比下前后的效果。

這就是今天帶來的三角構圖方法，視頻完整版內容都在我最新的直播課程當中。

原文地址：修先森撩設計（公眾號）

作者：修先森

轉載請注明：學UI網》版式技巧 | 不一樣的三角構圖技巧

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

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

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

5分鐘教你快速設計網易云banner

▽

▲往下繼續看文章，內含設計實操案例干貨！

作為老網抑云的鐵粉，最近的2020年度報告刷紅了朋友圈，不看不知道，原來這一年小編一共聽了954小時3089首歌，如果24小時不間斷也要40天才能聽完，不知道這算不算老網抑云了，如果有聽歌時間比我長的可以留言batter一下！

▲小編的2020歌單

為什么偏偏網易云成為了年輕人和大眾的最愛

網易云做對了兩件事情

-懂音樂

聽著歌曲，看著評論，有無數個故事在治愈和慰藉那些深夜不眠的孤獨患者，總能有一句話戳到你早已滿目瘡痍的內心，吃著火鍋眼眶里含著淚水，發送了分手文字的短信，所以在網易云里聽的不只是音樂，還有故事。

▲評論來自網易云

-懂設計

打開網易云，我們可以從banner的設計中感受到聽取音樂的風格，甚至發行EP所要闡述的理念都能在一張小小的banner設計中有效讀取，在小編認為這是與音樂融合出來的設計，而不只是為了設計和推廣這首歌曲的目的。

▲圖片來自網易云

1、讓色彩情緒化

色彩并不只是用來配合文字和圖片的工具，而是需要賦予設計靈魂，讓色彩變得富有深度和畫面感，小編稱為色彩屬性，每一首歌不管是流行、民謠、搖滾、電子、獨立音樂類型，都有著背后的創作故事和曲風類型，從色彩屬性最直觀的將故事里的情緒化表現出來，讓觀者看到畫面就能知道這首歌大概是什么曲風，是悲傷的還是開心的歌曲。

▲圖片來自網易云

圖上歌曲想要體現的是一場與自由的角逐，曲風也偏向于Hip-Ho說唱和電音的一種結合，代表著勇敢與激情的紅色調鋪滿了整個畫面，結合展露的肌肉身材，從中釋放出想要自由和尋找自由的情緒性。當顏色調整為黑白配色后，原本代表著勇敢和自由的感覺突然消失了，從畫面中反而獲取了一種孤獨和悲傷的情緒感。

▲圖片來自網易云

再看圖上的banner結合歌曲名，我想大部分人都能判斷出這首歌是寫的對另一伴的不舍和留念，雨天昏暗的深夜加大了對于觀者的理解與感受，而如果整個畫面的色彩調整為黑白色，只留出燈、紅酒、相框的顏色后，那種失去的強烈是不是會更加的明顯和深刻。

▲圖片來自網易云

2、控制畫面留白

留白的目的除了解決畫面內容層次的一種梳理以外，還會為設計增加很多藝術美感和想象空間。

▲圖片來自網易云

我們可以看到兩張圖的對比，從本身版式的理解上，文字居左對齊，將文字的大小、粗細通過層次分開得到流暢的閱讀感，本身是沒有問題，但卻失去了音樂特性的本質，而留白就是改變和拆分版式編排的結構，將其原有連串起來的主題文字拆分重組，讓版式內部得到一個流通。

▲圖片來自網易云

3、讓設計變得有趣

設計不是表格也不是冷冰冰的數字，設計是為了讓人們感受人和生活的理想化，所以有趣就變成了一種特質化標簽，可以提升對于大眾的新鮮感。利用字體之間的變化，符合主題的元素圖形或者涂描來放大畫面設計的趣味性，就像烤羊肉一定要放孜然或者椒鹽才算吃的夠爽是一個意思。

▲圖片來自網易云

實操案例步驟

▲實操案例分享

設計詮釋：”破碎的光線在水彩浸潤過你的臉，Tsing River，it will wash me” 這是白皮書樂隊里關于《清河》歌曲里的一段歌詞。從歌詞中感受到人浮在水面上，斑斕的色彩光照進全身，又隨著余暉漸漸消失殆盡的感受。所以在設計中利用了雙色漸變將整體的畫面顏色變成了涂抹色彩，扭曲和波瀾的水面塑造出與眾不同的設計感。

步驟1：

利用參考線找到中心區域，并放置主體圖片。

步驟2：

• 【漸變隱射】工具繪制綠色與藍色的漸變
• 【漸變隱射】工具繪制紫色與藍色的漸變并選擇圖層模式中的【飽和度】
• 【色彩平衡】將整體的顏色往青色與藍色兩塊區域拉伸參數

步驟3：

使用濾鏡>液化工具，選擇左側工具欄的「褶皺」將重心的畫面拉出層次距離，在將湖面做變形處理，得到扭曲的畫面效果。

步驟4：

將文字的字間距拉松并且放置到中心區域，將英文字母拉出高度形成設計元素與文字融合成整體。

步驟5：

復制畫面中的一部分進行變形處理得到一個類似紙張飄散在空間的效果，放置到文字框架的中間，與白皮書樂隊得到一個很好的風格統一。

步驟6：

用類似毛筆字筆刷的字體繪制出清河的歌曲名，再分散到左右兩側，形成一個版式上的平衡，否則會顯得兩側過于留白過多，當然中心區域與兩側之間形成的留白區域是作為一個空間進行想象。

注意事項

▽

設計版式中的留白和文字段的分拆和組合處理對于banner設計來說非常重要，可以很有效的體現設計感的美觀。

原文地址：修先森撩設計

作者：修先森

轉載請注明：學UI網》都在聽網易云，卻不知道banner設計這么好用

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

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

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

教程示范：

1.打草稿

首先，選擇一個硬筆刷打一個草稿，花花和葉子注意一下疏密大小關系。

2.草稿基礎上再打線稿

這一步依然是選擇一個硬筆把藤枝畫出來。

3.畫花瓣

畫花花的部分選擇一個勾線筆刷，用打圈的方式先定好花瓣的位置，然后再去一層一層畫花瓣。

我這里的話因為筆刷選擇的有點大，所以畫出來的線條有點粗，大家在畫的時候要把筆刷刷頭縮小一些。因為這里沒有打草稿，所以我畫的時候是邊畫邊修線稿。

4.畫葉子

葉片也是選擇一個硬筆筆刷直接去把大型畫出來就可以了。注意葉子形狀要好看哦~

5.上色

在花花線稿圖層下面新建一個圖層填充顏色，然后再整體把線稿的顏色修改一下。

這個地方是我覺得花枝在整個疏密大小上還不夠好看，所以在做調整修改。

6.繼續上色

接著給葉子上色，選擇一個透明筆刷刷一些漸變色在葉子上，花花上面也刷刷漸變色。

7.添加陰影

然后開始細化加花花的陰影，直接在有花瓣遮擋的部分添加陰影之后，選擇水彩筆或者涂抹筆刷把剛剛畫好的陰影涂抹開（注意不要過度涂抹哦?。?

8.勾線

接著把葉子勾一下線，然后稍微細化一下。

最后整體也可以再調一調顏色。

那我們的花花就畫好了，希望對大家有所幫助，我們下一期再見，如果有收獲記得分享給身邊畫畫的朋友哦！

原文地址：空青肆繪（公眾號）

作者：Tcat

轉載請注明：學UI網》插畫教程 | PS 手繪板~日系薔薇花

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

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

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

上圖來源：Monday

不要給用戶選擇

有些產品還挺重視新手指引的，準備了好幾個課程。

由于內容太多，所以拆分出來展示給用戶，甚至讓用戶自己選擇。

上圖來源：Zendesk

例如上面的案例，雖然并沒有強制用戶手動選擇，光是新手指引的內容列出來給用戶這件事情，已經讓人壓力山大了。

其實用戶剛進來時，只想要利用新手指引快速上手，并不想要看到關于新手指引的介紹，更無法決定選擇什么新手指引。

如果真的不同人群的使用功能相差很大，那么直接根據對方情況提供相應內容即可。

這讓我想起了第一次在牛肉火鍋店點菜的情景，我這種牛肉小白用戶根本看不懂菜單，能不能給先上一份普通牛肉？

指引氣泡不需要標題

Windows 系統給界面設計帶來一個奇怪的習慣，那就是不管什么面板，都必須有一行標題。

如果實在想不到用什么標題了，就把描述文字第一行拆出來做標題，甚至哪怕是用系統 logo 占位，也必須要有標題！

這讓很多新手指引的氣泡，也習慣性地配一個標題。

如果標題就能直達主題也還好，但如果是為了占位了湊出來的，那可就太浪費用戶時間了。

不要強調跳過按鈕

科技產品改變了人們的生活習性，其中之一就是讓我們形成了條件反射：看到任何突然出現的彈窗和氣泡，快速點擊主按鈕并讓其消失。

后來因為移動端廣告彈窗的泛濫，現在已經進化到了，看到彈窗先找 ? 了。

上圖來源：不要這樣用彈窗，真的很煩

很多新手指引的氣泡都會提供跳過按鈕，這樣做挺好的，因為有的用戶可能真趕時間。

但是如果跳過按鈕做得太強，就會激發用戶的條件反射，想都不想直接點跳過：

這個我嘗試過了，大腦真的控制不了自己，手速已經跟膝跳反射一個級別了！

所以，這個跳過按鈕一定要做小一點，盡量不要激發用戶的條件反射：

只要不是單擊，就得有圖示

前面提到，千萬不要小看條件反射這個東西，這個是生物本能。

用戶最習慣的操作就是單擊，如果你指一個箭頭給他們，十有八九立即就上去點一下。

點一下不行，就多點幾下，實在不行就雙擊。

如果雙擊還不行，就直接放棄了。

大半人根本不會看到，旁邊赫然寫著「點擊鼠標右鍵」幾個字。

以上就是我多年做用戶測試的常見場景，總結就是：只要不是雙擊，就要有圖示，寫字根本沒什么用。

如果是右鍵，可以把鼠標畫出來：

如果是雙擊，可以給個動效：

如果是拖拽，除了操作對象之外，還要把目標位置高亮，并給一個指示箭頭：

沒錯，一定做要掃一眼就能懂的程度。

遮罩別太深

有些產品，為了讓更多用戶走完新手指引，會給操作對象和氣泡之外的部分加遮罩。

這樣沒什么不好，看起來還挺清晰的。

但是我發現有的新手指引遮罩太強，反而起不到學習的作用。因為用戶看不清界面整體的樣貌，還是記不住操作路徑，引導完后全忘了。

新手指引的遮罩，一定不要按照彈窗的遮罩標準去看。

因為有彈窗時，頁面的其他部分確實不用看了；但是新手指引只需強調重點，界面其它部分最好還是能看到。

總結

把上面的幾點都集合在一張圖，對比一下：

這些問題，如果放在產品的一般功能上，也許不算什么。就算第一次出錯，下次也總能習慣。

但是新手指引不一樣，這是產品給用戶的第一印象，而且通常只出現一次，錯過就沒有第二次機會了。

這個步驟，也能直接影響到用戶的轉化意愿。

所以，新手指引真的要避免任何小問題，把體驗的標準往上高一點。

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

作者：設計師ZoeYZ

轉載請注明：學UI網》測試了新手指引方案，總結下失敗經驗

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

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

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

再酷炫一點的，甚至可以讓3d動起來：

這樣的效果如果做成封面，是不是老帥了！

如果你不會動效也不會3d，沒關系，今天給大家介紹一個神奇，上面的3d動態效果非常多：

咔咔就是一頓選擇! 還有各種屬性各種調整：

調整出自己滿意的效果之后，文字往上面咔咔一放：

尤其是后面的元素是動態的：

為什么要 C 端化？

其實 B 端產品 C 端化，并不是因為傳統的 B 端產品沒 C 端好用（不是這么比的）。

其實關鍵還是獲客模式的轉變。

傳統的 B 端產品是銷售驅動，銷售人員通過電話、上門拜訪等形式促使客戶下單。

一旦成功賣出，只要后續的服務不太差，客戶就沒必要更換遷移。

現在 B 端市場越來越大、行業信息越來越透明、客戶的判斷能力越來越強，傳統銷售模式開始變為互聯網營銷。

B 端產品在網上發布信息并投放廣告，吸引客戶自己前來試用并購買，只需提供少量客服人員即可。

這與以往的 B 端業務模式有很大不同，所以就需要變革。

所謂「B 端產品 C 端化」，表面上是學習 C 端的用戶體驗，背后的真正意圖是要學習人家 C 端的互聯網獲客能力。

怎樣才是好的 C 端化？

我發現 B 端產品的 C 端化程度，和他們的互聯網廣告投放力度成正相關。

例如我在油管上經常受到 Monday、GoDaddy 這兩款 B 端產品的輪番轟炸。

先不說好不好用（畢竟我也不是目標客戶），我發現他們用起來真的很有「C 端感」，和傳統的 B 端產品果真不一樣。

倒不是什么“輕量化、趣味性和人文關懷”，而是因為他們在我打開網站的那一刻，就開始不斷吸引我探索使用。

我拿 GitLab 和 Monday 的官網首頁對比一下，也許你就能感受到了：

前者像是一板一眼的「老實人」，后者則像是對你笑瞇瞇的「綠茶妹」，高下立判。

“輕量化、趣味性和人文關懷”這些東西，并不足以打動用戶試用和購買，頂多只能算是「低段位」手段。

只有「高段位」手段，才能讓用戶不自主地地被吸引，心甘情愿地掏錢。

可是要做到「高段位」真的很不容易，我今天就總結幾個技巧吧～

1. 直接坦誠

遇到兩個陌生人：一個打官腔又遮遮掩掩的；另一個說話友善接地氣又誠實，你會更喜歡哪個？

可能大多數人跟我一樣會喜歡第二個。

C 端化做得好的 B 端產品，會把自己的產品預覽圖直接放到首頁供人觀看，而不是搞一張概念圖外加一堆高大上的廣告詞。

前面放過的那張案例，這里也可能拿來用：

GitLab 的官網畫了一些很抽象的概念圖，寫了一些很抽象的描述，給人感覺很模糊。

Monday 的官網明確把自己的業務類型列了出來供用戶選擇，還把每種業務對應的圖標和展示方式畫了出來，感覺很明確清晰。

2. 有效互動

遇到兩個健身房銷售：一個上來就說一個勁地介紹服務；另一個則先確認你平時的健身習慣，再根據你的情況介紹服務，你會更愿意聽誰說話？

我肯定更喜歡第二個。

C 端化做得好的 B 端產品，不是簡單地展示信息，而是先了解用戶，再根據用戶的需求提供不同的信息甚至服務。

Zendesk 的網站，會把自己的功能列出來給用戶，給的圖像和描述又很抽象，毫無互動感。

而 Asana 會讓用戶選擇自己需要的功能，并直接給出具體案例的界面展示圖。

3. 降低門檻

遇到商場逛街時遇到兩個陌生餐館，一家在二樓；另一家在一樓，你會愿意嘗試哪家？

肯定是第二個。

很多 C 端化做的好的 B 端產品，會把表單用彈窗的樣式放在產品上面，讓用戶感覺只要填寫完就能立即使用了

比起 Trello， Smartsheet 只是在表單展示了一下產品內部，就讓用戶感覺門檻低了好多。

即便 Smartsheet 的新用戶后面發現背后那張圖真的這是一張圖而已，要填的一點不少，但這時都已經快填完了……

4. 循序漸進

兩家陌生的兩家餐廳都把菜單擺出來了，一家的菜單寫得密密麻麻；另一家的菜單雖然菜品不多，但是推薦菜品和菜式分類很清晰，你會更愿意嘗試哪家？

我相信很多人都會更愿意嘗試后者。

C 端化做得好的 B 端產品，不會太在意自己的產品是不是看起來功能齊全，而是更在意用戶是否能夠很好的理解產品，不要造成心理負擔。

上圖來源：Figma這些交互細節，B端設計也值得借鑒

Sketch 和 Figma 的屬性面板在功能上其實沒有很大的差異，但是后者看起來卻清晰簡潔許多，對新用戶更加友好。

總結

B 端產品 C 端化這個理念其實很好，但如果被誤以為只是向 C 端學習用戶體驗那就可惜了。

用戶體驗只是手段，關鍵目的是在沒有銷售人員參與的情況下，如何從互聯網獲客。

這次的經驗的提醒我，以后如果再看到一些很火概念，不要簡單的從表面理解，而是要站在決策者的角度，多思考背后的真實意圖。

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

作者：設計師ZoeYZ

轉載請注明：學UI網》B端產品C端化，抱歉我想的太簡單！

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

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

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

【視頻完整版觀看可抖音搜索: 野川設計】

今天我們講講，好的設計如如何被借鑒出來的！

▽

我們先來這兩張電影海報，發現什么端倪沒？

尼瑪不能說是毫無關系,只能說是一模一樣！

不著急，我們再來看這一組！

–

我試著把兩張海報的人物扣掉對調一下

竟然還無違和感啊，這親媽都分不出來吧？

以上幾組設計抄襲的例子，很多人問這抄襲它等同于借鑒嗎？我想說：肯定不等于。

但就是這么很明確對抄襲與借鑒劃分的判斷，在度娘上竟然搜出了一千多萬條相似信息。代表著大部分設計師還是無法判斷抄襲與借鑒具體的界限在哪里，于是作為專注傳播設計內容的我來說，促使了做今天文章的原因。

這是A作品，這是B作品，發現相似度基本可以達到90%以上，而抄襲的意思是指竊取他人的作品當作自己的，在相同的使用方式下，完全照抄他人作品和在一定程度上改變其形式或內容的行為。

最直接的案例就是汽車行業里的攬勝極光告陸風X7抄襲，據說當年把攬勝極光的車主氣的半死。

但要屬抄襲界的最強騷操作，非眾泰改裝保時捷莫屬，當年眾泰最輝煌的時候還成為屌絲把妹專用車，甚至連保時捷車主都無法分辨。

這些相似度極高，且沒有原創而只是在原有構架上使用相同方式來改成自己設計的都屬于抄襲，甚至都可以說原封不動的套娃！

其背后原因僅僅是因為：方便！

這就像X音一個視頻火了，接著你會在一周內刷到成千上萬條同樣的視頻，你甚至誤以為X音開啟了重復模式，其目的也只有一個，方便出效果！

但試問如果都以這樣的方式展現給大眾，其帶來的后果就是以后所有人都缺少原創精神，當你要做一件事情時，不是想如何去創作，做成不一樣，而是說：“那么麻煩干嘛，現成的東西直接抄??！”

這是A作品，這是B作品，以A作為原型做到舉一反三，透過別人作品中的某些元素提取靈感進行深度再創作，對作品的創意做了更多延展空間，使之有了自己設計的靈魂。

雖然一切設計的起源本質都來自于模仿與再創造，但是模仿的目的是為了鍛煉初期的扎實基礎，為了能夠讓之后的設計可以舉一反三。

并且不作為商用途徑來源，而抄襲是指不但模仿他人作品還作為商用途徑獲得利益，甚至在大眾不知情的眼下，有了一定行業名聲，這才是為什么人人都痛恨抄襲者的原因，是因為他不尊重設計，更不尊重原創者。

這里我一定要點出拼XX，每日燒香拜佛的，誰發砍一刀的立馬絕交，于是就這樣差點跟我媽絕交了，兒子不孝！

如何做到既能將好的設計借鑒到，又能原創出自己的設計呢？我們可以通過以下4個方向進行借鑒學習。

1、借鑒其設計技法及風格

比如這兩張海報中，對其畫面上繪制的線條與紋理的刻畫是原設計的特點，而技法是一種設計性的能力，可以作為創造的一種條件，以及整個帶有偏國風的設計風格都是可以汲取到借鑒上。

2、視覺構圖

左邊這張海報通過5:5對等構圖，在上半部做出了大量留白，而用三角構圖的原理將視覺引導至上方焦點，也就是飛出去的猴毛，解決了上半部分大量空白的問題，并且點出了是所要表達的故事劇情。

右邊的這張海報通過中心焦點的構圖，將視覺牢牢抓住在中心，再通過焦點所體現出的人物形象來傳達給觀眾。這兩張海報雖然構圖的方式不一樣，但是都有著相同之處就是，都不會讓主體視覺完整的展現出來，而是讓觀眾通過聯想的方式猜測這個形象，以此獲取觀眾對內容或海報的好奇觀感。

3、人物刻畫

觀察兩張海報，人物的設計或者繪制是使用水墨和毛筆墨跡等方式的結合融入。

4、畫面配色

使用有鮮明對比的配色，比如間隔色，互補色這樣的方式會讓畫面具有視覺穿透力，色彩的沖突可以把故事中的情緒化帶給觀眾。

綜合以上幾點，流體性的線條、墨態人物筆觸、局部性的展示視覺主體、以及強烈的色彩沖突，于是我作為借鑒方式設計出了這張電影海報。

對比之前的幾張海報，即從中獲取到了不同的借鑒元素，同時又保留了自己設計特色。

比如這張海報在左右對稱式的構圖基礎上，增加三角構圖的原理讓視覺有一種從上至下的引導閱讀，再利用鮮明對比的配色使畫面有了沖突感的色彩吸引。

最后說回抄襲問題，畢竟設計行業又不是宮斗劇，既要天天改稿被甲方來回折騰，還要處處防范被同行小人亂蹭，本是同根生，相煎何太急，何必呢！好好吃自己的飯他不香嗎！

原文地址：修先生撩設計

作者：修先森

轉載請注明：學UI網》借鑒=抄襲？好的設計是怎么借鑒出來的

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

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

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

1.清晰

大家先想想圖標在APP里的主要作用是什么呢？可以作為功能和信息的提示標識，引導用戶的操作。

而且我們通過看圖獲取信息的速度要比閱讀文字獲取快得多，圖標作為一種通用化的視覺語言，讓頁面更容易被閱讀。

▲ 圖標代表的隱喻越準確，就越容易被用戶準確識別。

2.簡潔

圖標本身的尺寸就特別小，如果在里面摻雜著大量沒必要的裝飾性元素，會讓圖標的閱讀變得很困難。

可以通過使用盡可能簡單的設計元素來創建圖標，保證形狀的簡潔易懂。

▲ 如果在設計過程中發現圖標變得很復雜，大膽嘗試去做減法，刪除不必要的細節，只留下最重要的部分。

3.風格統一

在Dribbble中搜索“icons”，會看到很多不同風格的圖標樣式，但同一個集合中的圖標都會保持統一的設計風格。

▲ 不同風格的圖標可以在設計中穿插使用。例如在APP底部導航中，使用線形風格的圖標作為基本狀態，點擊選中時可以變換為面性風格，用來區分不同的狀態。

4.基礎網格

網格有助于我們建立一個明確的尺寸規范，常見的網格尺寸有16×16、24×24、32×32、48×48、64×64、96×96。

▲ 所有的圖標都將建立在基礎網格之上，圖標的每個部分都應該放在像素網格內。

5.安全區域

圖標的主體部分應該保持在安全區域內，這種情況適用于大多數的場景。

安全區域可以作為設計建議，而不是一項必須的規則，如果有需要，我們完全可以在安全區域外擴展圖標的形狀。

6.關鍵形狀

如果想讓一組圖標放在一起看起來很和諧，那這些圖標的視覺權重應該保持一致。

在設計前首先確定圖標的基本形狀，例如圓形、正方形、矩形等，能有效幫助我們確定圖標的比例關系。

可以用數學面積公式來計算一下不同形狀圖標的權重，找出近似值。

來吧，先從圓形開始：

▲ 在這個例子中，直徑d是20px，半徑r是10px，圓的面積約等于314px2。

把圓的面積開個根號√，方形的邊長a大約為17.7px，四舍五入到整數，那么邊長a為18px，接下來算算方形的面積：

▲ 邊長a為18px，方形的面積為324px2。

最后算一下矩形的面積：

▲ 邊長b為20px，邊長c為16px。

最后我們根據這些科學的尺寸設計一組相對和諧的圖標：

7.描邊寬度

除了保持相同的視覺權重，圖標的描線寬度也應該保持一致，達到像素級統一，這里我建議描邊使用整數值，這樣更便于設計。

8.圓角

圖標的和諧還在于邊角的統一。尖角不用說了，保持統一的垂直90度就可以。

這里需要重要說的是圓角，不能所有的形狀都使用同一個圓角度數，而是要根據圖標形狀的不同靈活調節圓角度數。

▲ 例如一個圖標有里外兩個平行的圓角時，不能里外都使用1px的圓角，這樣會讓圖標看起來不統一。

正確的做法是讓外面的圓角更大，設置為3px，里面的圓角為1px，讓圖標看起來更和諧。

▲ 根據對象大小，設置不同的圓角數，保證視覺統一。

9.角度

轉載請注明：學UI網》如何強化圖標設計的細節？我總結了12個關鍵點！

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

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

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

@CANAAN，作品集封面3D素材

 s

02. 樣機素材 

@嗡嗡嗡起，高質量的手持設備樣機

f

03. 平面素材 

@南風知我意，潮流高級全息海報模板31款

 g

04. 樣機素材 

@是瑩瑩啊，蘋果13樣機+高端場景樣機合集+iPhone13樣機

w

05. 3D素材 

@落微，UI素材丨3d丨手勢丨psd

w

06. 3D素材 

@阿軒，11個3D圖標+png+3個拍攝角度