<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          LOGO 設計技法(第三彈)

          seo達人


          1. 多層次線條漸變 LOGO(形狀分割)

          2. 條紋隱形立體 LOGO(封套扭曲)

          3. 條紋穿插 LOGO(新建畫筆工具)

          4. 角度漸變穿插 LOGO(描邊角度漸變)

          5. 半透明光影 LOGO(混合工具)

          6. 時鐘大小漸變 LOGO(替換混合軸)

          7. 不規則球形 LOGO(3D 貼圖)

          8. 原研哉的LOGO(混合工具)

           

          如果有跟我一樣不愛看文字的寶貝,可以劃到底部直接去看結尾處的視頻版本哦。話不多說,跟著我來細細分解一番。

          PS:本文所有案例均來源于網絡,只用作分析技法。

          圖片

          圖片

          首先我們來分析一下這個 LOGO,整體是由一些線條組成。長短不一的線條,通過漸變的明暗處理形成了字母 D 的輪廓。如果是使用常規的方法,一條一條地畫完線條,調整長短再組合在一起,那還不得加班到凌晨?學了這個方法讓你再也不用加班,來!

          圖片

          首先我們將繪制出 12 根線條,然后給圖形填充由黑到白的漸變色。

          圖片

          繪制出兩個長方形并左對齊,然后將右邊的直角轉為大圓角,拉到底的那種。這樣就形成了字母 D 的輪廓。接下來就是將兩組圖形組合到一起了。

          圖片

          為了方便觀察,我們將字母 D 的輪廓暫時改為紅色。因為漸變色是由上至下的,縱向切割線條不會有明暗方面的變化,我們只需要橫向切割,所以將 D 的左側豎向的線條刪除即可。

          圖片

          打開窗口—路徑查找器,找到左下角分割的按鈕。

          圖片

          全選中左側的圖形,點擊切割按鈕,就得到了左邊的圖形。

          圖片

          為了方便觀察,我們可以先將左邊圖形全部改為填色模式,然后將多余的面刪除。再調整每組線條的漸變色條,就形成了這種層次關系。

          圖片

          基礎層次和效果出來了,接下來還有很重要的一步,需要再調整億點點細節?,F在上去分層太多有些碎了,而且缺少 D 字線左邊的豎線,所以可以將一些線條合并,剛好可以形成字母 D 的左邊的豎。右邊有兩根線條過長,所以從間切開增加層次。再調整一下漸變的位置,讓整體更協調。

          圖片

          最后,再加上簡單的排版就完成啦!

           

           

          圖片

          圖片

          首先還是分析一下這個 LOGO,是由一些條紋經過錯位形成了立體的字母 K,仿佛隱藏在條紋下面。這樣的立體效果又該怎么做呢?其實非常簡單,來!

          圖片

          首先繪制出由七個長方形組成的條紋,注意條紋的寬度要和間距相等。

          圖片

          接下來就要使用要封套工具了,封套扭曲之前我們先來分析一下需要多少行數和列數。按照節點去劃分,最終形成 13 行和 9 列。

          圖片

          打開對象-封套扭曲-用網格建立,填寫 13 行 9 列,得到右邊的圖形。

          圖片

          先打出一個 K 字母作為墊底,根據 K 的結構調整網格。先選中節點向上移動,然后將兩側的節點向中間靠攏,形成突出的效果。

          圖片

          調整中間兩條條紋的寬度與字母 K 的中間部分對齊。

          圖片

          左邊的是一條垂直的筆畫所以只需要全選節點向上移動就可以了,但是右邊是兩個交叉的筆畫,所以處理起來會有點麻煩。同樣也是先將筆畫中部分的節點選中向上移動(如上圖左),然后再根據 K 的結構調整節點的位置。這可是個耐心活兒,需要一個個節點去調整。不過好在節點不多,整得也挺快。

          圖片

          最后,給圖形填充色彩加上排版就完成了。

           

           

          圖片

          圖片

          乍一看,這麻花扭得不錯。類似的圖形還有咱們中國結,但是中國結是單線形式,繪制相對比較簡單。這個是用條紋扭的,看上去更復雜一些。沒關系,其實也很簡單,來!

          圖片

          首先我們需要新建一個畫筆圖案,繪制出兩組條紋,分別填充紅色和藍色。

          圖片

          打開窗口—畫筆面板,將兩組條紋分別拖進畫筆面板,選擇圖案畫筆,點擊確定后,繼續確定就完成了新建畫筆。

          圖片

          接下來我們把輪廓畫出來。先繪制一個正方形,然后將三個直角改成圓角,是的還是拉到底的那種。

          圖片

          將圖形整體壓扁一點,并將端點繼續向外延伸,注意曲線要做到平滑。

          圖片

          選擇曲線,點擊畫筆面板中剛才新建的畫筆,瞬間就可以得到右邊的圖形。

          圖片

          將曲線復制一份,點擊另一個新建的畫筆。把其中一個鏡像翻轉后,將兩個圖形疊壓在一起。

          圖片

          接下來做出穿插關系就可以了。我們先來分析應該如何疊壓。如上圖所指的三個相交處應該把藍色調整到上面。

          圖片

          最后,再調整下細節,加上排版就完成啦!

           

           

          圖片

          圖片

          這個 LOGO 的特點在于漸變的類型和擴散的角度是圓形的,AI 里面的漸變卻沒有這種類型。但是我們仔細觀察它是有一個很清晰的切割的邊的,這樣就可以通過描邊漸變的形式去完成了。來!

          圖片

          我們先將圖形進行拆解,可以分成三個不完整的圓去組成。那么我們只需要做出其中一個圓形,重復旋轉 120 度就可以得到完整的圖形了。

          圖片

          我們先來繪制一個圓形,選擇描邊模式。接著將圓形的描邊加粗,加粗至完全覆蓋整個圓形的面積(如上圖右)。

          圖片

          然后給圖形填充漸變色,漸變的模式選擇—沿描邊應用漸變。

          圖片

          繪制一條直線,旋轉 120 度,然后將它與圓形居中對齊。直線作為參考線使用。

          圖片

          使用剪刀工具,將直線與圓形相交的點斷開,并刪除一部分節點,得到上圖中間的圖形。然后再將右邊的點延伸,就得到了右邊的圖形。接下來只需要將這個圖形進行旋轉復制就可以了。

          圖片

          將得到的圖形旋轉 120 度,并重復復制。注意軸心的位置,在圖形的下面并且與圖形垂直居中。

          圖片

          最后再加上排版就完成啦!

           

           

          圖片

          圖片

          光影效果的 LOGO,通常是使用漸變工具來完成。今天我們來使用混合工具嘗試一下。來!

          圖片

          首先繪制出 40 的輪廓。先大致畫出 4 和 0 的形狀,再進行修剪,將 0 的上面和下面的線條斷開。4 的每一條線段也需要斷開。

          圖片

          復制一份并縮小,放置在右邊,將 4 和 0 的距離分開一些。為了方便觀察混合后的狀態,先把透明度調整至 20%。

          圖片

          將大 40 圖形與小 40 圖形的每一條對應的線段進行混合。混合步數設置為 500。

          圖片

          接下來,我們再來調整下透明度和細節。為了方便觀察,我們先將兩個圖形分開,先把后面的小 40 的透明度調至 0%,顏色改為白色。色塊疊壓較重的地方,也需要調整透明度,讓整體更通透。也可以將大 40 的線條顏色改為黑白漸變色,這樣光影的效果會更強。

          圖片

          最后再將兩個圖形合并到一起,加上排版就完成了!

           

           

          圖片

          圖片

          旋轉復制的工具,大家應該都會用了,但是像這樣的旋轉復制的同時,圖形的寬度也有規律的跟隨著旋轉變化,應該又怎樣做呢?

          圖片

          首先我們依然是先將圖形拆分一下,可以把它看成是由一組等粗的直線旋轉環繞加一組像是樹葉般有寬度的線條隨著旋轉而變化的圖形組合而成。這里我們給這兩個圖形起個名字,一個是“直線形”一個是“葉子形”。

          圖片

          我們先將簡單的“直線形”圖形做出來,先繪制一組橫豎交叉線條并建立為參考線,然后沿著參考線繪制一條垂直的直線。

          圖片

          以參考線的中心為軸心,設置旋轉角度為 15 度,進行旋轉復制。之后重復復制(快捷鍵 CTRL+D),直至旋轉一周。這樣就完成了“直線形”圖形。

          圖片

          接下來,我們來做“葉子形”圖形。先繪制出一大一小兩條直線,再將直線從等寬改為有寬度變化的模式。

          圖片

          使用混合工具,將兩個線條進行混合,指定步數為 22。取向要選擇右邊的那個弧形的。這樣就得到了 24 個規律變化的葉子狀的圖形。

          圖片

          一排葉子做出來了,怎樣把它們變成環繞形的呢,這就要用到替換混合軸了。首先繪制一個圓形,再把上面切掉一塊。

          圖片

          同時選中加圓形和葉子們,打開對象-混合-替換混合軸。就得到了上圖右邊的圖形,已經可以看出“葉子形”的樣子了,接下來還需要做一些細節的調整。

          圖片

          先將兩圖形的軸心與參考線居中對齊。再將葉子圖形調整到與直線垂直,只需要調整兩端的圖形,中間混合的圖形會自動跟著變換。

          圖片

          現在“葉子形”已經基本完成了,但是我們發現,使用混合工具后的圖形是中心對齊的,而不是底部對齊,所以接下來,我們需要手動將葉子調至底部對齊。

          先將圖形擴展,然后調每個葉子移動到與線條的底端對齊即可。

          圖片

          最后再加上排版就完啦!

           

           

          圖片

          圖片

          常規的球形 LOGO,之前的教程已經演示過了。那像這樣的不規則的球形 LOGO 又該怎么做呢?來!

          圖片

          首先還是來分析下,這個的構成。上面和下面有兩條直線,中間是有很類似 H 字母的形狀,后面也是直線。

          圖片

          按照上面分析得到的結果,我們繪制出相應的圖形。使用長方形,拼出不規則的圖形。最后再將右邊的直角改為圓角。

          圖片

          打開窗口-符號。將繪制好的圖形,直接拖進符號面板,默認選項直接點確定就可以了。

          圖片

          繪制一個圓形,并刪除一半。

          圖片

          選擇一半的圓形,選擇效果-3D 和材質-3D(經典)-繞轉,就可以看到上圖的對話框了,默認選項,點擊貼圖按鈕。

          圖片

          打開貼圖的對話框,可以看到左上角有一個符號選項,選擇剛才新建的符號,勾選右下角三維模型不可見。接下來就調整中間圖形的位置,開啟預覽后可以邊調整邊看到圖形覆蓋在球形的變化。調整至合適位置后點擊確定就可以了。

          圖片

          將得到的圖形進行拆分,解組和釋放復合路徑后,就可以得到右邊的兩個圖形,接下為他們填充顏色。

          圖片

          正面的圖形填充藍綠漸變色,背面的圖形填充較深的藍色。

          圖片

          最后將兩個圖形再組合到一起,加上排版就完成啦。

           

           

          圖片

          圖片

          原研哉為知美術館設計的 LOGO,由美術館的外觀瓦片提取而來,形成富有變化的水波樣。同時,色塊規律性的大小變化也組成了字母 Z 的形狀。我們來解析一下大師的 LOGO 是怎么做的?來!

          圖片

          首先我們來分析一下方塊的變化規律。左邊是由上至下逐漸變大,右邊是由上至下逐漸變小。中間是從中間向兩側逐漸變小,但是中心不在一條垂直線上。

          圖片

          那第一步畫出一大一小兩個方塊,然后使用混合工具,步數設置為 9。這樣我們就得到了由大到小規律變化的一組方塊。

          圖片

          那么怎樣得到由小到大再到小變化。很簡單,將剛才得到的一組方塊,鏡像復制一份,就可以了。

          圖片

          得到一組圖形之后,再將它們向斜上方,連續復制就可以了。注意要將方塊錯開,行距也要相等。

          圖片

          最后再將多余的方塊,刪除掉即可。

          圖片

          排版再加上大師的字,瞬間就高級了起來!你學會了嗎?

          有很多 AI 里面的工具,也許你認識它,它也認識你,但是你不知道它竟然可以干這種大事。來跟我們一起探索巧用 AI 工具做 LOGO 的更多更簡單的可能性。

          今天的教程就到這里了,下方視頻教程更方便哦,任何人看完不跟著做的話我都會傷心的 ooooooooooooooooooK?

           

          文末,點擊原文地址,可直接觀看視頻教程 或 文字版本,隨你選擇;

           

          原文地址:胡曉波工作室(公眾號)

          作者:yoyo

          轉載請注明:學UI網》LOGO 設計技法(第三彈)

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          關于設計師作品集那些事2-提升篇

          seo達人


          1.順叔有話說

          各位廣大設計師朋友們大家好!送走2021迎來新的一年2022,我們又見面了,好久沒寫設計干貨了,不知大家是否還記得當年那個夏雨荷,啊不對~~是當年的那個順叔,已經有一些小伙伴留言,私信我催更了。

          最近順叔正好有一些時間,可以去沉下心來寫一篇設計干貨。我是一個比較佛性的設計師寫設計類文章也是同樣的佛系,了解我的人都清楚之前的文章一般時隔時間不是那么規律,原因是我希望更好的沉淀和進行總結,才能分享出來更好的內容給大家。也一直在構思、內容、框架,是否能幫助到一些人,在距之前的一篇《關于設計師簡歷作品集那些事》已有兩年之久,感謝平臺,收獲了很多粉絲以及單篇17萬的瀏覽量,同樣在之前的設計文章干貨中幫助了很多人,留言咨詢我也給予了一些指導,幫助很多人。有一些設計師順利進入到心儀的公司以及大廠。從自身方面也挺開心和成就感。 在平臺下面有很多留言的朋友,其中有設計師朋友ID:木十一小透明說,“本人以為如果有實例就更好了”的留言。這個必須有,那么今天就安排上,走起。

          此篇文章受用于正迷茫,懵B,正在準備作品集沖大廠的你,正好它來了!

          本篇文章會是上篇文章的進階提升2.0版本。之后也會陸續有3.0…本篇會從各個方面進行解析,思路流程,框架,以及作品集的規范性,組成部分等方面進行展開說。通過一些例子讓你更清楚如何去做自己的作品集。希望這篇文章結合上一篇作品集文章結合看療效會更加顯著。

          好了廢話不多說了 開整

           

          2.作品集的重要性

          作品集的作用不少設計師都知道它的重要性,但往往還有不少設計師不知如何進行梳理、排序、排版,放哪些作品。作為一個設計師需要有一個作品集,作品集是對于你能力上、成長、以及經歷上的判斷,在眾多的作品集中 如何能脫穎而出,這個也是需要一些技巧的。希望能通過本次文章能有所收獲。

          undefined

          現在平臺各種的作品集,各式各樣,結合現在設計流行趨勢是沒問題的,但有一些“機構”或設計師對于作品集來說還是有一些誤解和跟風,甚至同質化嚴重。我的理解作品集最初是自己的作品集合到一起進行排版做個整合。最終找工作的時候可以給面試官看的,僅此而已。但現在的情況有所不同,有很多已經忽略了作品集當中的作品能力核心質量,而是在最終的作品集的樣式表現使勁,導致現在的作品集華而不實,很多設計師把作品集搞的很漂亮,但核心的能力以及作品薄弱了,忽略了作品的本質。作品集的外表樣式來說是提升作品的品質感,和提升作品的可看度,是賦予作品靈魂,好的作品集不只是一個包裝而已,也是要有好的作品內容相結合才是最終的結果。

          對于作品集來說:

          2-1從大廠的角度對作品集十大衡量標準

          2-1-1對于設計師基礎判斷

          一份作品集是對于設計師從審美、創新、沉淀總結、設計能力,思考,作為基礎的判斷。

          作品集是一個敲門磚的說法,設計師要作出專屬個性,藝術范的作品集尤為重要,內容作為核心,包裝作為附加。

          undefined

          2-1-2從作品集看出是否團隊中所需要

          作品集所呈現的作品,作為專業性的面試官只要一眼掃過就知道它是不是我們團隊要找的人,從設計調性,人員的能力模型招聘需求方面,創新,能力都會快速鎖定,比如團隊中缺少插畫的設計角色,當一個作品集中看到求職者插畫能力,色彩能力,創意能力很強,那么很容易被鎖定?;蛘邎F隊中,品牌中調性是很年輕,潮,運用的設計技法比較新穎,好玩。那么作品集的作品,以及作品集的包裝很符合這個公司調性,那么也很容易被鎖定。

          契合度完全在一份作品集中初步判斷。

          undefined

          2-1-3通過作品集可以了解設計師的能力如何,哪些比較強項

          同樣作品集是一個設計師的沉淀,總結,整合。一定是把最好,最優秀的一面展示在作品集中。所以其中的設計作品,也是招聘者判斷設計能力的標準。快速判斷設計中你的插畫能力比較強,還是版式,色彩,交互哪個模塊比較有優勢。和招聘崗位職責的要求是否符合。

          通過作品集就知道專業性的長板和短板。

          undefined

          2-1-4設計的類別是否完整

          現在對于進大廠設計考核的標準簡直就像古代選宮女一樣,嚴格,全面,多才多藝,啥都會干。

          設計師的評判就是設計要好,有創意,色彩搭配,設計思維,設計流程,項目落地,審美要好,各種軟件要會,甚至插畫能力,C4D,AE動效,交互能力等等加分項。所以好多設計師都學雜了,沒有勇氣在學設計!無時不刻的在填充自己的能力。落后很容易被拍在沙灘上,對于招聘方看作品集的完整度就是看你在整個作品集中類別分類都有什么。說白了就是你都會啥絕活。比如IP形象設計,運營設計,視覺設計,品牌設計,插畫,還會交互 UI界面設計。這樣設計師就比較“吃香”,可以判斷你屬于綜合性設計人才。

          undefined

          2-1-5設計師的設計精細化

          對于設計師的精細化是從設計中看得出,細節上的處理,以及做設計的時候是否有精心化,把設計做到滿意及標準化。比如做設計的時候界面字體規范不對,圖標的粗細不同,畫的插畫比較粗糙等等。都是針對于設計師精細化的一種考核。對于精細化能考核看出,設計師是否對于設計的高要求,對于細節把握的程度,對于質的標準。很多剛進入行業的設計師在精細化上的確缺少能力。這也是需要工作多年后逐步的習慣性才會讓自己對于作品的細節把握更好,更穩。

          精細化也是對于設計師的一個態度問題。毛躁的設計師做的設計就傾向于粗糙,穩一點的設計師對于作品就會照顧得到精細化。在設計走查的過程中知道哪些存在問題,哪些需要更好的迭代和修改,也是考驗設計師的自我“修養”

          undefined

          2-1-6了解設計師的設計方法及思維

          在整個作品集中除了作品視覺以外,更多要看的就是設計思維,設計流程和設計推導,這樣才能體現出兩個維度.

          1.你在設計的時候是動腦了

          2.這個作品是你做的

          往往有一部分設計師做設計覺得最終做出效果圖就行了,但往往不是這樣的,設計師是需要思維靈活,具有天馬行空有一些創意創新思維的。所以做設計師的時候應該有一些推導呈現在作品集中,也是很多公司在看的。不止看視覺還要看設計師是不是有思維的設計師,思維是內核,設計作品的呈現,流程,方法給予的作品意義。

          比如做一個IP形象,如何定義,設計策略是什么,設計目標是什么,設計價值是什么,設計流程和設計推導是哪些等等這些就是設計師需要以文字或者圖片進行闡述的,所以我們要做一個會思考的設計師。

          undefined

          2-1-7設計師的總結能力

          設計師的總結能力是從設計方法進行總結,另一個就是從自我出發進行總結。往往這個環節是很直接。分析,歸納,沉淀,總結。

          總結是對于自己的一個自我判斷。具有條理清晰,透徹,具體,深入,明確,邏輯性強一系列特點。很好的總結能力在總結的過程中可以發現問題,解決問題。

          undefined

          2-1-8是否有落地項目

          作品集中的項目是否落地尤其的重要,主要考核你的經驗,是否能很快上手做設計工作,所以如果有真實項目是很重要的。其中項目價值,項目完整度,類型,項目中角色,項目中思考,項目中遇到問題如何解決問題,項目中協作,溝通等等。

          說白了如果有落地項目來公司就直接上手干活,如果沒有落地項目還需要進行前期的培養。時間成本,人員成本也是比較高的。如果有一個落地項目知道其中的過程,甚至參與過其中的環節那么在有新的項目也會得心應手。特別那種在校大學生最好有實習的機會去工作,這樣為自己攢一些能力,新手設計師同樣能參與到項目中是對自己的一種磨練和提升。

          undefined


          2-1-9作品集的差異化

          作品集的差異化,就是不同,獨特性,所以作品集一定要具有一定的自我風格,杜絕模版化,如果一個設計師套用一個模版,那么這個設計師是懶呢?還是設計不行呢?對于你能力產生一種判斷,設計的可以作為借鑒,但切勿抄襲。作品集的差異化,有特點,有設計感,有層次,從感官上眼前一亮,才有機會繼續往下觀看,這個也是技巧。

          undefined

          2-1-10.作品集的設計表現力

          對于作品集來說除了內核的內容作品以外,外包裝就是作品集,對于作品集的表現力說白了就是好看且好用。表現力各有所需,每個人定義的風格來說都具有不同,但無論選擇什么樣式,設計出的一定具有一定的藝術感和設計感,根據現在比較流行的一些技法結合到我們的作品集中,進行表現,比如線性的,透視線,酸性,大字,重復,圖章,標簽,等等都可以融入到設計的表現力中。

          說白了設計的作品集不要老氣,要新穎,獨特性,藝術感,設計感。流行的趨勢,就沒毛病。表現力也是通過色彩,圖形,字體,插畫等進行的版式。具有一定的層次感。如何進行表現力在后面會詳細提到,高清大圖配文字哦。耐心往下觀看!

          undefined

           

          3.從個人層面的作品集

          上面說的也很清楚,其實考核的標準也是設計師需要做到的標準。但從設計師角度來說對應現狀考核要求去做自己的作品集是一點問題沒有的,對于設計師大致核心的這四點

          3-1作品集做好看

          3-2作品集要全面完整及精細化

          3-3展示自己的設計能力

          3-4 設計思維和流程的體現

          其實無論是公司角度,還是個人角度核心的目的就是公司想找到合適的人,設計師想找到合適的公司。

          通過作品集進行前期的判斷,但不少面試官從作品集的“好看”忽略能力上的實用性。導致工作中一步一個坎,設計師的現狀覺得漂亮的作品集就能找一個不錯的工作,其實這個算是個病態。漂亮的花瓶,不實用也不易用。說白了最終就是作品集好看+設計作品精細化+落地 才是各方所需要輸出的最終目的。

          也祝找工作的朋友們,幸運!找到心儀的工作。

           

          4.作品集的適用范圍

          undefined

          遇到過工作了很多年了,也攢下來了很多作品,但最終做成作品集沒有思路進行去梳理,也不知曉有些作品該放還是該pass、梳理如何梳理、排序如何排序、設計如何設計、增加什么內容。

          也有遇到過視覺傳達專業的學生。干脆不知什么是作品集,自然更不知作品集如何做,也沒有什么作品,等等。所以讓大家清楚如何做成屬于自己的作品集

           

          5.設計作品集的八大流程

          5-1 作品集框架-框架要好思路清晰

          作品集框架好比一個腦圖規劃,會更直接更清晰可見,可以在Xmiand軟件中實現,比如信息的層級,頁數,結構,排序,都會有序規劃。脈路清晰,結構清晰在后期設計作品集的時候會更加快捷。

          比如首頁-個人簡歷-目錄-設計作品排序,然后首頁放什么內容,目錄放什么內容,更好的對作品集層級規劃。undefined

          5-2 作品集設計作品的分類-類別歸檔有序查找

          如果多年的設計師會有很多的作品,比如banner,UI界面,B端的設計,海報設計,插畫 ….很多,這個時候就要有分類,有歸類,在挑選作品的時候一定把最好的挑選出來,不好的千萬不要放,不要為了量,要質!這個環節我一般會建一些文件夾,分好類,比如banner,海報,字體,項目界面,插畫、然后把挑選的類別作品放入到文件夾中,在作品集排版的時候方便查找和使用,至少不亂!

          undefined

          5-3 作品集的風格定義-風格調性決定氣質

          風格調性決定氣質,就好比一個人的穿著,給人感官是可愛的,還是酷酷的!

          作品集同樣風格定義決定了氣質,比如想要酷酷的感覺,還是可愛風格,還是國潮 …

          在設計運用和表現中元素、色彩、板式、字體都會有不同表現

          undefined

          5-4 作品集色彩的定義-色彩覺得了作品集的風格

          色彩的定義和風格定義是具有關聯性的,比如想要做一個潮酷的風格那么對應的色彩在運用中一定是黑色,白色,或者灰色為主,搭配一些輔助的藍,紅,黃,等顏色

          如果調性上選擇可愛風格的,那么選擇的主要顏色一定是飽和度偏高一點的紅黃藍綠等顏色、通過對比色、鄰近色進行設計,顏色決定了作品集的氣質。

          undefined

          5-4-1 推薦幾款不錯的配色

          undefined

          5-4-2 推薦幾款不錯的漸變色

          undefined

          5-5 作品集的元素/圖形/版式收集

          這個環節基本就是為自己增加一些靈感元素,設計本身就不是閉門造車,多看看表現形式,排版,字體的應用,色彩的應用,元素表現等等。把好的元素,設計收集到 靈感庫中,最終在設計的時候結合自己的想法進行設計,也就是我們所謂的借鑒。

          undefined

          5-6 作品集設計

          在設計的時候一般情況下我都會使用PS、AI、SK進行設計。

          尺寸:1920*1080.16:9. PPI72

          顏色模式:RGB

          PPI:72PX

          舉例在AI中我會建立一個1920*8640(可放8個1920*1080)的畫板命名為畫板1,然后復制出一個畫板2,畫板3 或者更多,根據自己的版面多少就建立多少畫板。

          這個時候就可以在空白的畫板進行設計。在設計的過程中首先不要考慮太多細節,先給一個定義好的顏色,然后把元素,文字(先不考慮什么字體)先擺上。

          然后整體完事在進行細節調整,字體的大小、色彩的對比、元素的擺放位置。

          先做加法,后做減法。

          首頁干凈、簡約、核心的元素,文字凸顯出來即可。

          一般設計完通過AI 導出PDF格式

          undefined

          5-7 作品集導出PDF

          設計完畢,需要導出PDF的,切記?。?!不要弄PNG/JPG的長圖。

          怎么導出來PDF就不詳細說了,如果PDF都不會還做什么設計師!還做什么作品集!

          最后說一個導出小技巧:AI導出PDF的時候在預設選項中選擇,“高質量打印”不要問我為什么這樣選,信我就對了!

          undefined

          5-8 PDF進行壓縮

          正常情況下導出作品集PDF都會很大,一般招聘網站上傳限制30MB,如弄了一個500MB的傳不上去尷尬不尷尬,如果給面試官或者HR下載龜速很慢也很尷尬,講話了誰的時間都是寶貴的,下載這作品集就花了五分鐘,看你作品集的概率就減小了。很多壓縮的平臺,自己動動小手找一找!實在找不到問我?。?!

          undefined

           

          6.作品集的六大組成部分

          了解作品集組成部分在作品集布局時有效排序并設計,給作品集設計提供了快速有效的設計流程。

          6-1首頁(封面)

          封面是必不可少的,封面主導著整個作品集的規范,調性。同樣把圖形信息和文字信息匯總在一個版面中,更好更快傳達出信息,封面代表的個人展示的作品集的樣式,很直接,好看,潮酷或者創意都會具有抓住瀏覽者或者招聘者的眼球,所以第一封面在設計的過程中一定從色彩,創意,圖形,版式吸引才有更多機會和欲望往下觀看。

          先吸引,后詳細查看,一般招聘者或HR在篩選作品集的時候短短幾秒,怎么能在短短幾秒中脫穎而出繼續了解你,封面起到了很大作用。

          在封面需要展示的內容:

          6-1-1 作品集標題

          6-1-2名字/藝名

          6-1-3標簽

          6-1-4年份

          6-1-5英文

          6-1-6元素

          6-1-7圖形

          例圖

          下面作品集是我的學生栗子的作品集,過程中由我進行的指導。經學生的同意,拿栗子的

          作品集給大家進行講解。感謝設計師栗子 站酷ID:栗子Ocean

          undefined

          第一步

          首先在做作品集封面的時候把需要展示的文字,圖形,顏色先擺放上,然后在進行調整設計。初步的擺放略顯粗糙,層級變化不夠明顯,所以可以通過比較流行的線條,透視線,等作為背景,讓背景充實起來。

          undefined

          第二步

          定義風格,上面提及過,風格的定義主導了整個的調性,前期考慮到潮酷,年輕化的設計,沒有運用太復雜以及漸變的背景,干凈簡約,背景主要的功能就是襯托前面圖形和文字信息,背景和前面信息具有層次感更突出。這個時候嘗試用線條進行信息分割,線分割也要考慮布局這個作品集首頁運用的左右布局,左邊運用了AI工具欄的樣式,右邊線分割。具有了一定的設計感把一些文案進行區分文案信息要有文字的主次分明,在封面,作品集三個字是需要明顯的明顯設計角度出發點是要么大,要么顏色有變化,標題,副標題,以及內容在標準化設計中要有一個定義。

          風格定義:潮酷

          顏色定義:黑/白/綠

          圖形元素:黑白插畫

          裝飾元素:幾何形

          字體:中文,英文

          undefined

          第三步

          文案擺放入到布局的網格中,在字體中要有大小,顏色,粗細,中英文的變化,以及圖形結合文字/英文布局,從文字中定義主要信息層級,次要信息層級,以塊狀有序的進行排版。剛設計的時候不需要考慮顏色,都用一個顏色,或者白灰就行,一旦都擺放完畢,在根據情況給予顏色,比如整個畫面有黑,有灰,在來一個綠色,會更讓整個畫面更加的提氣具有變化感英文+圖形結合最終放在頂端底部運用,整個界面設計豐富了很多。

          undefined

          第四步

          文字,色彩,版式也差不多了那么還缺少一個圖形主角,圖形構圖,酷酷的雷電,時光機宇航員,以及小怪物,以黑白色調主調。和整體作品集風格契合度加強。視覺點具有一定爆發視覺沖擊點。文字信息和圖形信息結合傳達表現設計意義。

          undefined

          第五步

          最終到這一步基本接近首頁設計尾聲,進行精細化設計處理,以及設計走查,在做加法同時在做減法,把多余改去掉的去掉,增加的增加,整個過程中還缺少一些輔助圖形可以添加運用輔助圖形,以及比較酷酷的,復古一點的設計元素,增強設計感和視覺感讓畫面更飽滿。信息層級更清晰

          undefined

          總結

          運用了幾個步驟大致講了一下在作品集封面時候的步驟和思路。設計不可直接復制,但可給予一些靈感。通過這個步驟和思路清晰情況下在進行設計就輕松的多了。設計表現形式不止于此。還有更多表現形式。通過創意發揮出設計的本質。希望通過這個小例子給大家一些方向和靈感思路

          6-2.個人介紹  

          此頁的重要性就不言而喻了,可以說那是相當的重要了 !從作品集了解你的設計能力,那么從個人介紹中了解你的個人信息,教育背景,獲獎背景,項目背景,以至于你的聯系方式,有很多同學在個人介紹中忘記留聯系方式,導致尷尬到面試官聯系不到你!個人信息中,有項目一定要把項目寫明,并且在項目中擔任的角色,做了哪些工作??梢院唵蚊枋觯仨氁逦?。還有就是在個人介紹中個人照片一定要有藝術感點,別弄一個隨便的自拍照放上去,要有點質量,千萬別整個西裝革履打個領帶,那你可能整錯了,要做銷售那照片沒問題。

          信息層級:

          6-2-1.名字,

          6-2-2.教育背景

          6-2-3.電話/郵箱/微信

          6-2-4 .二維碼

          6-2-5.個人照片

          6-2-6.標簽

          6-2-7獲獎/參賽

          6-2-8.項目

          undefined

          個人信息頁從設計表現上延續了首頁風格調性。增加信息層級內容,在設計表現中線框瀏覽器樣式,以及英文線重復設計,并在整個設計中增加標簽以及透明塑料布作為視覺輔助效果,并在下面破損的紙樣式作為設計層級變化。讓視覺呼應切變化。增加了更大視覺感。通過復古的一些元素視覺效果順延。

          6-3.個人目錄

          個人目錄要寫清楚列表,這樣也會更清晰讓瀏覽者和面試官更好的找到要看的內容,引導面試官清晰信息類別層次!比如: 運營設計 品牌設計 項目設計 插畫 C4D等。什么樣的設計師針對性的進行排序和分類,根據自己情況進行類別分類!

          undefined

          目錄分類條

          undefined

          6-4.設計作品排序

          設計作品的排序其實也是有一些技巧的,要找運營視覺設計師,那么就需要優先放視覺的內容。要找UI設計就優先于項目部分!

          運營視覺設計師:比如海報,banner,主KV,插畫,H5,IP吉祥物,C4D。

          品牌設計師:主KV,包裝設計,VI,海報,字體設計,圖形設計,IP吉祥物等

          UI設計:banner,海報,插畫,H5,交互設計,B端,C端。

          電商設計師: banner,網頁設計,H5,專題頁,詳情頁,插畫,C4D

          當然了,如果沒有定義是什么設計師,還能做視覺還能做品牌,還能做UI部分的工作,那么從作品中挑選出不錯的放在作品集中,同樣也要考慮到優先排序問題。

          6-5.樣機展示

          樣機是什么?在作品集中是為設計提升B格、提升設計感的、作為輔助、提案所應用。

          如果沒有樣機作為設計顯得單調,如果有樣機是讓作品更有品質。但我發現部分設計師為了樣機而樣機,甚至用的樣機不恰當和設計內容完全不匹配,為了好看確沒有實際意義。頻繁用樣機也不好,樣機老氣也不好。所以樣機除了體現設計的品質,合適最重要。我發現作為學生做的樣機很喜歡都放在整合一頁展示,本身就是提升設計感,放大設計放在一頁顯得單調,還不如不放。所以作品集一定要單頁去排序擺放。會讓設計更具有品質感

          錯誤的樣機應用排版

          undefined

          正確的樣機應用排版

          undefined

          6-6.總結

          在最后一頁的時候最好寫一些總結性話術,可以從你的長板,短板進行說,千萬不要說客套話,也不要從網絡摘抄。要客觀的對于自己的評價和總結。讓面試官更清晰更快的認識你。

           

          7.常見作品集形式

          undefined

          在這幾種形式PDF是最常見的了,而且也是最經濟,方便,直接的,但要注意的就是大小上要注意,最好30MB-50MB最佳的。長圖來說不太建議,不要問為什么,你懂得!第三方設計平臺比如站酷,UI中國,等設計平臺。但這個在觀看的時候體驗感一般!最后一個就是官網,個人官網到不錯,但需要設計,程序,域名空間,繁瑣了點,在整個形勢中,PDF是比較直接的也是大家接受度比較多的。無論什么樣的形式,根據自己情況而去決定。但大家都在用也有一定道理。

           

          8.作品集的加分項是哪些

          undefined

           

          8-1.C4D在作品集中的體現絕對的具有一定的加分,無論是運營,品牌還是電商甚至UI都需要有C4D的呈現,品牌中IP吉祥物3D樣式,電商中詳情頁,banner應用3D樣式,運營設計中海報,視覺運用C4D,C4D的表現也無處不在。也備受設計師以及現在審美需求所需要。

          8-2.插畫最為近幾年的在設計中表現形式,講究情感化設計,通過內容進行圖形,插畫表現,更好的讓用戶所接受,同樣插畫在品牌設計,包裝,UI,運營備受關注和應用,如果有插畫能力那么在作品集設計作品中進行結合具有一定的加分項。

          8-3.包裝樣機,必不可少,也是作品集的加分項,但不要亂用和頻用,恰當適合為佳。

          8-4.設計的作品越多越好,但一定要好的作品放進作品集,作品集一定是把最好的東西,最能代表設計能力的作品展示出來。不要糾結于放哪幾個或者都要放。

          8-5.設計一定具有一定的規則,創意。比如banner,為什么要用這樣的創意,為什么要用這樣的字體,為什么要用這樣的顏色,都是有一定的技法和思維推導的,描述清楚。作一個思考的設計,而不是做一個素材的搬運工!

          8-6.解決問題是考核設計師解決事情能力,在項目中,甚至在設計中一定會遇到很多問題,比如溝通問題,協作問題,設計問題,在設計中遇到的問題是什么如何解決的。說明也考驗了設計師的總結能力,做事態度和做事解決能力!設計師的工作也是為產品,視覺,營銷解決交互,體驗,視覺的事情。所以如何解決也是看待你在工作中是否能把事情更好解決,也就是我們所謂的沉淀經驗。

           

          9.作品集的設計表現

          undefined

          undefined

          undefined

           

          undefined

          篇幅原因就介紹這些吧,還有比如用一些酸性的設計,線性的設計。等等,就不一一舉例了大家也可以在設計過程中發現美。如果有什么疑問和不了解的也可以隨時問我。以上的干貨希望大家慢慢吸收。篇幅有點過長。

           

          10.作品集的壓縮好物

          PDF壓縮好物,主要免費,在線的??ň褪且活D壓!好不好不要問,自己體驗才是真舒服了留言說一聲!

          undefined

           

          11.招聘職責參考物

          下面 在網絡上找了幾個互聯網公司的招聘信息,為什么要放這個,而且還是已經過去的事,目的是讓大家心里有個數,看看現在招聘對于設計師的職責,要求能力都需要會啥,啥行自己對照一下,哪塊不行補哪里,而且根據職責要求,工作內容進行作品集的設計以及排序。要有針對性的準備,不能盲目、迷失、要有個方向感!

          undefined

           

          12.你敢問!我敢答!

          下面 在網絡上找了幾個互聯網公司的招聘信息,為什么要放這個,而且還是已經過去的事,目的是讓大家心里有個數,看看現在招聘對于設計師的職責,要求能力都需要會啥,啥行自己對照一下,哪塊不行補哪里,而且根據職責要求,工作內容進行作品集的設計以及排序。要有針對性的準備,不能盲目、迷失、要有個方向感!

          undefined

           

          順叔最后想說

          這篇文章準備了很久,文字,以及配圖都是很精心的準備,希望能通過我的經驗分享大家能受益,這些年一直輸出些設計文章,對于每一篇文章我都是很精心的去設計以及寫內容。寫這篇也是經過了幾個凌晨。很用心在寫。當有人給我留言,通過文章有一些靈感,找到了不錯的工作,幫助到了他,對于我自身來說還是很開心的,具有成就感。賺到的就要給人,學到的就要教人,我雖然比較佛性,文章一年可能就一篇,但每一篇我都認真的對待。上一篇作品集文章達到了17W瀏覽量很欣慰,這篇是基于上一篇做的提升版,其中有很多技巧個人覺得還是比較有用。給正在迷茫,不知所措準備作品集的你一些靈感和思維,如果覺得不錯的話 希望多給順叔一些支持和點贊也不枉我認真熬夜的去寫這篇設計干貨!好了話不多說,希望能幫助到你!你的支持是我的動力。不斷的有設計作品和設計干貨。我們都是在設計路上的陪伴者??!

           

          原文鏈接:zcool

          作者:張增順

          轉載請注明:學UI網》關于設計師作品集那些事2-提升篇

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          有哪些高質量的設計周刊?

          seo達人


          1.體驗碎周報

          這個估計大家都知道了,作者是:龍爪槐守望者 ,目前已經堅持發布了94期了(每周一期,94期是什么概念!)會在知乎,公眾號,語雀文檔,個人博客每周日晚上同步更新,因為大大本身就是一名產品體驗設計,所以周刊內容都跟產品,體驗,設計相關,內容也是非常的干,每周看一看,能發現不少優質的設計資源。

          查看地址:
          https://www.ftium4.com/categories/%E4%BD%93%E9%AA%8C%E7%A2%8E%E5%91%A8%E6%8A%A5/

          圖片

           

          2.DEX周刊

          這位博主也是在非常有名的:丁一,DEX周刊已經更新了114期,主要是是偏向設計,交互體驗,前端開發,國外設計趨勢。國外的內容比較多,話說很多新工具新趨勢不都是國外先火起來的嗎?值得一看,每次看完,不禁感嘆:哇又開眼了,如果你是設計師又對前端感興趣可以收藏啦。

          查看地址(需要注冊):
          https://newsletter.dex.group/

          圖片 
           
           

          3.月球背面

          聽起來真的很文藝哦,我很喜歡,不只是因為他們的周刊,是因為這個團隊分享的一些Figma的插件簡直太好用了,周刊也是剛剛開始做,目前更新到了12期,不過內容都比較實用,不想漏掉每一篇文章,墻裂推薦!

          查看地址:
          https://moonvy.com/blog/

          圖片 
           
           

          4.優設每月精選集合

          這個是按月更新的,可以打開優設網關注這個小編:陳子木。每月都會更新視覺相關的精選集合,內容也是挺不錯的,還有源文件分享。

          查看地址:
          https://www.uisdc.com/author/chenzimu7/publish/post

          圖片 
           
           

          5.且曼B端產品設計

          “不積跬步,無以至千里;不積小流,無以成江?!薄O到y知識的搭建來自于日常閱讀的積累,周刊匯集本周優秀文章案例,愿和大家一起學習成長。主要是針對B端設計文章的匯總,在公眾號發布,目前已經更新了68期,學習B端的小伙伴,可以直接關注了。

          查看地址:
          https://mp.weixin.qq.com/s/KzD0-OEEFLFYS_27NzpTyQ

          圖片 
           
           

          6.BLUE·周刊

          非常不錯的每周刊集合視覺,交互,產品相關的文章都有分享,目前已經更新了20期啦。

          查看地址:
          https://huazi.zhubai.love/

          圖片 
           
           

          7.產品體驗周刊

          小馮同學的產品周刊,內容包括產品亮點、產品吐槽、產品動態,每周一更新,目前已經更新了21期。

          查看地址:
          https://www.yuque.com/xftx/huxvh4

          圖片 
           

           

          本次就先分享這么多,應該還有很多高質量的周刊,高效君還沒發現,小伙伴有知道的可以寫在評論區,

          其實整理周刊還是有一些好處的

          1.能提高自己的搜索能力,提高工作效率;

          2.開闊眼界,互聯網更新迭代非??欤枰粩喃@取新的知識;

          3.把篩選出來的優質的內容分享給其他小伙伴,也是很不錯的;

          4.整理自己的知識庫,做設計知識的沉淀。

           

          原文地址:高效設計筆記(公眾號)
          作者:高效設計筆記
          轉載請注明:學UI網》有哪些高質量的設計周刊?

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          我為什么要去看美院畢業設計展?(設計)

          seo達人


          為什么要看展覽 

          無論是美院畢業展還是其他形式的展覽,我們都可以經常去看看,也要多去美術館、博物館和展覽館等多逛逛。對于設計或者美術類工作者來說,藝術感的熏陶至關重要,長時間的藝術渲染才能提高我們的藝術感知。
           
          對于設計師來說,可以通過美院畢業設計展的作品了解一些創新方式,提高我們的設計創新能力。這些優秀的創作作品可以激發我們的靈感,也能讓我們保持對于設計的初心,只有持續的燃放著創新的腦洞,我們才能做出更有創新的作品。欣賞優秀的作品也能重新燃起我們的激情,每次看完展覽之后內心總有創作的激情,讓我可以保持對于持續創作的動力。
          對于設計不僅是我們的工作,更多的還是擁有一份興趣,從小培養出來的興趣愛好。也只有興趣才能讓我們更熱愛設計,因為熱愛才能自發的去研究和驅動,也才能做得更好。希望今天的分享可以和大家一起共鳴,點燃我們創作的動力,保持對行業的初心。 

          ——————————————————————————————————————————————————————————

           

          一年一度的畢業季已經開始了,對于設計師來說比較關注各大藝術院校的畢業設計作品,最近較為熱門的話題就是美院畢業設計展啦!有些是線上的展示形式,也有在線下舉辦展覽,通常在院校舉辦居多,也有一些知名院校會在展覽館和美術館等舉辦。
           
          大部分展覽都是對外開放的,比如中國美院的畢業設計展,今年在浙江展覽館、浙江美術館、西湖美術館、象山校區等多個展點舉行。大家也可以看看自己所在城市的展覽情況,或者搜索關注各大藝術院校的公眾號,通過線上形式觀看也不錯。
           
          作為生活在杭州的黑馬哥,中國美院的畢業設計展最近也去看了一圈,由于比較難預約,我選擇了規模較大的浙江展覽館去觀看。
           
          浙江展覽館主要展示的是中國畫與書法、創新設計、藝術設計、文創設計、影視與動畫藝術等。下面挑選了一些現場的照片,和大家一起感受藝術與設計的魅力。

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          以上僅選擇性展示部分現場照片,如有機會大家可以去看看,或者選擇線上觀展。
          (關注中國美院公眾號或者展覽館、美術館等公眾號獲取這方面的信息來源)
           
           
          原文地址:黑馬家族(公眾號) 
          作者:黑馬青年 
          轉載請注明:學UI網》我為什么要去看美院畢業設計展?(設計)

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          數據可視化設計常出現的錯誤,你一定要避免!

          seo達人

          1.三維圖形使用不當

          雖然三維圖形帶來的立體感很強,但用在可視化設計中,很容易出現問題。

          一方面,三維圖形具有X、Y和Z坐標,容易造成圖表間的遮擋關系,遮擋會掩蓋一部分的數據,讓精準比較數據信息變得困難。

          另外,透視使對象看起來像是位于三維空間中,但在數據可視化中,它會造成錯誤的層次結構:前景圖形看起來很大,背景圖形很小,數據關系被不必要地扭曲。

          圖片

           

          設計要點:

          三維圖形很有吸引力但可能會遮擋重要的數據信息,并扭曲數據間的比例關系;

          如果沒有絕對需要盡可能使用二維圖形樣式。

           

          2.數據太多

          在設計中,很多人總想在一張圖表中盡可能多地展現內容,把各種數據信息聚合在一起。

          這樣的想法本身沒什么錯誤,但重要的前提是要有清晰的認知,明確知道到底要展示哪些數據。

          如果可視化中包含太多數據,信息的展現會變得不堪重負甚至難以理解,這樣的話包含的數據再多也沒有任何意義。

          圖片

           

          設計要點:

          避免數據可視化的信息過載,如果一張圖表中包含的信息過多,反而會讓用戶混亂;

          靈活結合多種可視化方式,讓數據的展現變得更有效。

           

          3.省略基線

          一組數據往往各不相同,數據差值的大小也不確定。為了使可視化效果看著更舒服,有的設計師通過改變坐標軸比例來展示數據關系。

          最常見的例子就是讓Y軸代表的數據不是從0開始,借此夸大數據之間的差異,讓數據的變化更加明顯。

          圖片

           

          設計要點:

          圖表的美感再怎么重要,也要服務于精準的數據表現;

          避免通過省略基線來故意夸大或縮小數據差異,造成用戶誤解。 

           

          4.選擇錯誤的可視化方法

          每個數據可視化方法都有自己的特點。例如餅圖適合用來比較一個整體中的不同部分,但不適合用來比較幾組不同的數據。

          通過餅圖的比例劃分,雖然可以直觀地顯示三家企業的收益,但使用條形圖會讓這三家企業之間的差異更加明顯。

          如果目的是為了顯示一段時間內的收入,那么折線圖會是比條形圖更好的選擇。

          圖片

           

          設計要點:

          數據可視化方法并非一刀切;明確可視化傳達的變量及最終目的。

           

          5.混淆關聯

          數據可視化更高的價值在于探索和發現不同數據間的相關性,通過比較幾組不同的數據關系,找出其中的關聯性,從而得到一個更有根據的驗證結果。

          顯示相關性最常用的方法是將幾組不同的數據疊加在同一個圖表上,但當疊加的數據數量過多時,圖表會變得難以識別。

          另外一旦強行關聯幾種相似的數據,有可能造成結果的混亂。一個有意思的例子是冰激凌銷量的增加與暴力犯罪的激增有關,因為這兩者都是因為氣候變化造成的結果。

          圖片

           

          設計要點:

          透過數據間的關聯性發現事物本質是有意義的,但要考慮數據間的關聯是否有依據、是否合理;

          數據有相關性并不等于有因果關系。

           

          6.放大有利數據

          數據的增長或下降和時間是不可分割的。放大時間范圍是很多公司經營中投機取巧的方法。

          比如只在圖表上向用戶展示業績增長的4-6月份(上圖),這樣看起來公司業績增長幅度特別大,但如果將X軸的時間縮小到一整年(下圖),才會發現公司真實的經營狀況,4-6月份的業績增長僅僅代表了公司業績持續下跌中的小幅上漲。

          圖片

           

          設計要點:

          避免放大的可視化效果與數據整體不一致;

          短時間內放大的數據表現可能會讓用戶對信息的判斷產生錯誤。

           

          7.避開常見的視覺聯想

          視覺元素影響用戶的心理,圖標、色彩和字體都具有影響觀者感知的作用。

          下圖的可視化描述了美國各個地區宗教信徒占所有居民的百分比,但使用的顏色與地圖的設計元素(藍色的水、綠色的植被和棕色的土地)太過相似。

          圖片

          ▲ 分析數據可視化很耗費精力。在看到這樣的圖表時,我們第一時間聯想到的應該是國家的地形情況,可能很難在這個熟悉的認知下去重新理解這個圖表代表的其他含義。

           

          設計要點:

          避免強迫用戶重新理解常見的視覺聯想,造成對數據的注意力分散。

           

          8.過分糾結于數據可視化

          數據可視化將難以表現的數字關系賦予了易于理解的形式。最理想的方式是可以通過可視化清晰、簡潔地傳達數據關系。

          但是并不是所有的數據都需要使用可視化來表現,有時候一個簡單的數據搭配一個流行的顏色就足以說明問題。

          圖片

           

          設計要點:

          數據可視化是一種交流工具。像其他所有工具一樣,有時它是合適的,有時可能另一種工具更適合。

           

          為回饋一直以來關注和支持Clip設計夾的讀者,將免費贈送3本《寫給UI設計師看的數據可視化設計》書籍給大家,幫助大家更好地學習數據可視化設計。

          參與方式:詳見原文。

           

          原文地址:Clip設計夾(公眾號)

          作者:Clippp

          轉載請注明:學UYI網》數據可視化設計常出現的錯誤,你一定要避免!

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          2022年,B端設計的趨勢有哪些?

          seo達人

          視覺趨勢

          1. 3D設計風格

          雖然 3D化 的視覺風格早已到來,但是在B端市場上,3D風格在此之前依舊表現的十分克制。

          隨著 C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯網上關于 3D 建模教程的增多,你會發現 3D 風格的視覺表現,是一個 B端視覺設計師 的基本要求。

          而3D風格用在B端軟件當中,會有兩個使用場景:

           

          圖標

          因為在B端產品當中,圖標本身就是非常難以去表現,比如“物聯網,大數據”。

          許多的抽象詞匯,很難通過一個具象的事物進行表達,而在企業官網當中,在視覺表現上的要求又十分的高。因此你會發現,在視覺風格上的選擇,往往只有 3D 圖標 + 插畫 這一條路。

          圖片

          并且 3D 圖標的使用場景不會太過于局限,也可以用于產品的工作臺、運營營銷工具箱 等頁面,因此 3D 圖標的出現,它的應用場景也會相比之前 要更加的廣闊。

          圖片

           

          可視化大屏

          大屏設計 也在不斷的“內卷”,因為傳統的 2D 可視化大屏 所搭建出來的大屏已經滿足不了企業的野心, 像DataV 騰訊云圖 ,大家都在朝著 3D風格 炫酷的方向進行延展,因此也就會導致 3D 的視覺風格需求 激增,而 3D 建模仿佛就是大勢所趨。

          圖片

           

          2.新擬態

          雖然新擬態是在前兩年的產物。這個設計風格背后,遭到了很多設計師的質疑與排擠。

          但是隨著這個風格的不斷成熟,感覺它在B端視覺領域(特指的是 官網 ),是非常受到歡迎的,因為整體的風格,與官網的設計形式趨同。

          同時作為B端產品的官網,其實是更需要新擬態這種風格。因為電腦場景下鼠標光標對頁面進行 Hover 操作 給出的真實反饋,而使用了新擬態的官網按鈕,給你的反饋非常真實。

          這里安利一下騰訊云的首頁官網,大家就會發現在設計風格上,大量的采取了新擬態元素,并且配合 3D 風格的圖標,以及毛玻璃材質的設計,讓它的設計瞬間加分不少。

          圖片

           

          3.開源的設計系統

          在去年,設計系統迎來了一波發展的高峰期,隨著字節、騰訊,三大設計系統(Arco Design、TDesign、Semi Design)的開源,其實是給我們很多B端設計初學者,有了更加完整仔細的B端入門教程。

          比如 Arco Design 的組件用法 https://arco.design/docs/spec/link

          圖片

          就清晰的講清楚了每一個組件的使用方式,以及注意事項,仔細閱讀這里面的內容,其實就是B端設計的入門學習。

          而未來,國內的環境,開源的系統也會越來越多,大家可以針對這幾大類不同的設計系統,進行對比,或許會有一番收獲。

           

          產品趨勢

          超級app

          這里的 超級app 可能和大家潛意識里的 支付寶、微信 這些軟件不太一樣。

          在B端行業,隨著疫情的不斷擴散、再加上了兩年時間的發展,很多B端產品的功能架構都出現了一個現象,產品的功能開始變得非常擁擠。因為B端軟件的核心價值其實就是靠著一個又一個功能去累積,也就意味著隨著B端產品的發展,功能模塊在不斷的累積,導致在設計層面,這樣的現象變得更加嚴峻。

          你會發現左側的導航菜單已經完全沒有辦法裝下這些導航內容,而這一現象也反映在很多產品當中,比如我了解的 飛書管理后臺、薪人薪事 等等諸多B端產品,它們在整個導航內容上,已經增加到一級導航 15+  、二級導航 40+ ,這無疑會開始對設計師的能力造成巨大考驗。

          圖片

          面對這一情況,許多導航菜單都將會迎來前所未有的挑戰,最近也在深入研究導航菜單過多時的解決辦法,發現了一些新的 導航菜單 設計方法,有機會咱們重新梳理一下 導航菜單 的內容,將B端設計指南 文章進行更新。

          圖片

           

          低代碼定制化

          低代碼一直是我關注的一個領域,先給不明白低代碼的同學簡單科普一下。

          低代碼,一種快速開發應用的軟件,將通用、可重復利用的代碼形成組件化的模塊,通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現只寫少量代碼或不寫代碼,類似用“樂高積木”的方式來開發。

          在國外有很多著名的低代碼成功案例。Outsystems(國外非常出名的低代碼平臺)幫助施耐德電氣在20個月內推出了60款應用程序,開發過程加速了兩倍,僅在第一年就節省了650人天的工作量;在2012年即將推出Model S之際,特斯拉放棄了SAP的ERP產品(可以思考一下為什么),改用低代碼開發平臺Mendix,用25個人四個月時間自建ERP系統。

          去年,低代碼平臺,也有很多新產品面世,其中就包含:

          圖片

          因此你會發現,其實低代碼就是在解決一件事,圍繞著某一個業務場景,通過平臺的持續完善優化。

          讓所有的功能都能圍繞這個業務展開,其中包括:權限、時間軸、流程、表單、公式等等,能夠解決很多特殊的業務場景。

          而低代碼會涉及到設計思路上的轉變,以及低代碼編輯器的出現,如何去設計如此復雜的配置流程,如何能夠讓用戶能夠快速上手,如果你能夠有比較完整的思路,這些都會成為我們設計的新機會。

           

          行業細分

          隨著互聯網市場的不斷發展,用戶會越來越關注產品在自己行業的應用,比如CRM,其實只是一個籠統的稱呼,現在CRM市場又會分為 SCRM、運營CRM,等諸多產品。

          PaaS類的平臺也出現了 負責從虛擬主機和數據庫層面入手的 iPaaS 以及 從應用和數據層面入手的 aPaaS。

          即使是大家經常使用的 釘釘、企微、飛書,它們也在各自的領域有所擅長。

          圖片

          因為B端產品,在底層邏輯上是不能允許趨同的產品出現,如果你和別人的產品一樣,其實是沒有辦法在目前的市場上立足。

          因此你會發現,雖然產品形式都會比較相同,但是B端市場十分廣闊,大家都在去尋找自己產品的差異化。

          當然市場是瞬息萬變的,這里也只是簡單聊聊我自己的看法,希望對你有所幫助。最近拖更確實比較厲害,準備之后幾天給大家抽些書,可以多留意留意公眾號的文章。

           

          原文鏈接:CE青年(公眾號)

          作者:CE青年

          轉載請注明:學UI網》2022年,B端設計的趨勢有哪些?

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          這些設計小妙招,助力B端產品體驗提升

          seo達人

          一、預判設計

          在團隊活動時,從搭檔的一個眼神我們就能預判他接下來的動作,相互的默契配合能讓我們順利地完成任務,在產品設計中的預判設計也可以得到事半功倍的效果。

          我們可以從歷史記錄、效果預知、智能輔助和行為慣性4個方面進行設計,輔助用戶決策,提升操作效率。

          1.歷史記錄

          a.用戶操作行為記錄

          廣告優化師通常會管理幾十至上百個賬號,需要在多個賬號之間頻繁切換去盯盤和新建廣告,頻繁的操作難免會造成信息遺忘和決策卡頓,從而會影響操作效率。在管理后臺的設計中可以通過記錄用戶最近操作行為,恰合時宜地為用戶提供幫助。

          案例:在新建計劃環節,標識出本賬號上次的選擇記錄(最近一次的投放目標),輔助優化師快速做決策。

          圖片

          b.基于操作習慣的系統預測

          平臺系統可基于個體操作習慣和大數據分析來預測用戶需求,提供高概率的操作建議,給予用戶貼心指導。

          案例:針對廣告平臺表格信息密集,不易快速獲取關鍵指標的問題,Google提供了用戶自定義欄,而Facebook的表格欄會根據用戶列操作習慣和自定義欄行為進行大數據分析,預置一些高頻意圖的組合欄,一鍵切換即可查看關鍵指標,操作更便捷。

          圖片


          2.效果預知

          a.效果預覽

          表單頁對填寫的物料內容進行映射,展示真實效果預覽,降低用戶心理的不確定性。

          案例:在進行廣告創意創建的過程中,優化師填寫完標題和上傳完物料后很難知道廣告投放到手機端用戶看的真實效果。而所見即所得的可視化編輯方法支持創意樣式實時預覽,可以輔助優化師更好地進行創意優化。

          圖片

          b.效益預估

          針對一些需要效力評估的頁面,平臺通過預置好的算法對用戶內容的表達及時給出估算值,給出建議,從而提高內容填寫質量,降低填寫的盲目性。

          案例:Google廣告平臺在新建創意環節,對廣告素材資源的組合方式和數量進行估算,呈現當前廣告與高質量廣告設置的差距,輔助用戶進行高質量的廣告制作。

          圖片


          3.智能輔助

          用戶在進行輸入等操作時可以提供智能輔助,例如表單填寫時對需要錄入信息的區域提供輔助提示,通過自動補全或聯想詞來幫助用戶快速錄入信息,在保持用戶的操作自由度的情況下提效。

          圖片


          4.行為慣性

          在一些場景里,用戶的行為具有很強的關聯慣性,例如上班時間進到辦公區域打開辦公APP首要目的一般是打卡簽到。通過梳理主線任務或整理用戶體驗地圖可以挖掘出很多基于行為預判的設計機會點。

          案例:預判用戶在工作臺內截屏后大概率是去反饋遇到的問題,適時將反饋入口透出,可以提高反饋的效率和用戶體驗。

          圖片

           

          二、表達清晰

          現實生活中,在與他人交往時,清晰的表達尤為重要。同樣是演講,有的演講者“詞不達意”沒有重點,或者內容晦澀難懂讓聽眾感覺索然無味;而好的演講者則會用場景化的方式將邏輯復雜的事情講給聽眾,讓聽眾有身臨其境的畫面感。

          好的設計也應該是清晰好用的,能讓用戶沉浸其中輕松高效地完成自己的任務。

          如何讓用戶通俗易懂地了解產品功能,并能快速上手?我們可以從功能易理解、內容強吸引和選擇無負擔三個方面來降低用戶的操作門檻。


          1.功能易理解

          a.術語轉換

          將一些晦澀難懂的詞匯轉化表達方式,轉化為更貼近用戶視角的文案描述,傳遞細節感受;

          圖片

          b.信息有效展示

          透過需求背后的真實意圖分析和高效率的信息展示可以讓用戶更方便地獲取更多信息,提升產品的服務效益。

          案例:服務器預警平臺從傳統的表格形式優化成拓撲圖。將所有的云服務器都抽象成一個個矩形,矩形的顏色代表服務器監控指標的狀況。當方塊顏色顯示為黃色,則表示該云服務器內有監控指標出現了異常,這個時候目標用戶就需要重點關注。

          圖片


          2.內容強吸引

          對于老用戶來說,從之前習慣的平臺遷移到新的平臺一般會有很大的抵觸心理。遷移前用戶考慮的關鍵點包括:不遷移是否有影響?新平臺有什么優勢嗎?遷移起來麻煩嗎?

          以百度營銷客戶中心遷移引導頁方案為例,初期方案首屏只告訴用戶平臺升級了,但是不能快速了解到升級后的核心優勢有哪些,同時遷移按鈕設計得很弱,傳達的信息是遷移可能會很麻煩,很容易讓用戶止步于此。

          所以在進入遷移導流頁面時,首屏首先要講清楚新版平臺的能力和遷移方式。對于當下想遷移的用戶,明確遷移方式和入口;對于徘徊不定的用戶,告知遷移后的好處并做好最后下線時間的提示。這些信息不僅能夠消除用戶遷移前關于成本的顧慮,也能吸引用戶立即開始遷移行動。

          圖片


          3.選擇無負擔

          B端產品操作鏈路通常比較長,用戶很容易迷失其中。對于邏輯復雜的功能在做頁面設計時需要突出主次和流程引導,盡可能提供一個主要觸發的主按鈕,讓客戶不用過多思考就知道模塊和操作的隸屬關系,降低認知的負擔。

          圖片

           

          三、操作可控

          我們在執行任務時總是希望有過往經驗可借鑒,如果事情按照自己的預期發展了會覺得很踏實有可控感。同理,用戶在操作一個系統界面時也會有類似的心理變化,對于自己熟悉的功能希望主動權在自己手里,能復用之前的經驗無需額外的學習成本;對自己不熟悉的功能希望有及時的引導,能很快地上手并能掌握主動權。

          不可控的操作體驗會讓用戶在使用過程中產生很強的挫敗感,一旦有了這樣的心理感受就很難被扭轉。那如何保障體驗的基線確保用戶正向的感受呢?下面就結合操作一致性和明確指引性兩方面進行說明。


          1.操作一致性

          針對同類型的功能,在交互設計上要盡可能地保持邏輯對齊,保證平臺的一致性同時降低用戶的學習成本。一致性設計對產研提效也有很大的益處。

          案例:下例中的批量操作項的邏輯,都是通過選中復選框之后在模塊上方展示批量操作欄且支持一鍵關閉。這樣該平臺的用戶無論在任何場景下只要注意到復選框就對批量操作功能有了預期,沒有額外的學習成本。

          圖片


          2.明確指引性

          對于復雜的使?流程,最好能夠在客戶使?的過程中建立統一的指引,引導客戶?步步完成操作,從而提高任務的完成率,促成業務目標達成。

          案例:當一個平臺需要用戶完成的任務繁多且流程性強時,需要把所有的核心任務按照層級進行呈現,并作為一個固定模塊展示在醒目位置。這樣用戶既可全局視角理解業務又能作為功能入口快速觸達。

          圖片

           

          寫在最后

          B端業務中,交互設計的核心在于為特定場景設計擇優的行為路徑;通過分析用戶當前所處的階段和場景來判斷此刻遇到的關鍵問題。針對不同的問題去選擇對應的解決策略,例如對于新手來說降門檻會是首要任務,對于熟手來說操作的效率會顯得更為重要。結合預判設計、表達清晰、操作可控三個維度的案例可以讓我們在對業務理解有限的情況下,產品設計能有更多思考角度,也能有更明確的設計主張。

           

          原文地址:百度MEUX(公眾號)

          作者:商業用戶體驗部

          轉載請注明:學UI網》這些設計小妙招,助力B端產品體驗提升

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          B端幫助體系二三事

          seo達人

          前言

          業務性強,內容復雜度高是To B產品的典型特征。新用戶需要快速認知平臺能力并順利上手,老用戶則需感知信息的變化、功能的拓展并迅速響應。體系化的幫助是通過在操作的不同階段提供差異化的引導及反饋,助力用戶在應用中成長。

          幫助體系是什么

          通過大量的案例積累及系統調研,發現“幫助”并不是單一的某個功能,而是一種體系化的能力,需要通過不同手段來實現。概括來說就是“在產品使用不同階段為用戶提供恰當的提示與指引,通過組件的靈活應用及能力創新,幫助用戶降低認知成本,提升操作效率?!?/strong>

          用戶對產品的應用周期經歷前、中、后三個階段,每個階段的設計目標都各不相同:操作前注重提升用戶的全局認知,深化理解,助力精準觸達;操作中助力提效,讓用戶知道做什么,怎么做;操作后明確反饋,幫助用戶明確結果。

          圖片

          操作前:引導用戶深化理解,提升全局認知

          用戶有新老之分,對系統的熟悉程度及應用訴求不同。因此針對不同用戶各階段的使用訴求進行場景化的拆分,提供差異化幫助。

           

           

          幫助用戶深入自主的認知平臺

          我們到陌生的地方會找導視標識或者找人尋求幫助,新用戶到平臺內也會面臨同樣的困境,遇到問題無從下手時會尋找含有【幫助】【客服】字樣的內容,那么幫助中心、智能助手這類有明顯特性的功能則會成為用戶遇到問題時的第一選擇。通過業務思考及行業調研,以簡潔、高效、情感化為目標最大化的發揮其屬性優勢,讓用戶在使用過程中更易理解和接受,平穩有效的幫助用戶渡過新手期。

          1、幫助中心

          幫助中心,一個時常被忽略并被嚴重低估的功能。它是平臺全量信息集合地,不僅能幫助用戶系統了解平臺概況,也能引導用戶行為,樹立品牌形象。為保證用戶高效、便捷的獲取幫助信息,在頁面表現上需突出內容本身,忌過度裝飾。從設計角度來看,一個好的幫助中心應該符合以下條件:框架簡潔清晰、信息突出并輔以錨點定位。在框架設計上一般將頁面分為導航區、內容展現區兩部分,導航與幫助內容對應性強,層級簡單,能讓用戶在短時間內了解平臺能力構成;幫助文檔內容一般復雜冗長,錨點定位可以充當文章大綱,輔助用戶精準定位。

          圖片

           

          2、智能助手

          通過內置的幫助和指導性說明來解答用戶使用產品過程中遇到的簡單、共性問題,降低人工客服響應成本。智能助手包含兩部分:入口與懸浮窗口。入口一般懸浮于頁面右下角,點擊后觸發懸浮窗口。

          圖片

           

          市面很多助手能力較單一,僅能機械處理通用問題,無法提供多樣化幫助,很容易讓人覺得是個沒啥用的擺設,對它慢慢失去信任。為重新喚起用戶的信任,需要在設計上注入一定的生命力,讓用戶覺得易接受、有選擇、有溫度,從而真正用起來。

          1)懸浮窗口能力多元化。作為承載智能助手核心能力的懸浮窗口,優化方向有以下三點:首先,智能助手與用戶的交流不再局限于單純的問答,而是根據賬戶屬性向用戶提供高頻問題集合,并根據用戶的回應拓展更多問題,提供多維化的幫助。這個主動性的幫助不僅讓用戶感受平臺的溫度,無形中也降低了用戶的思考成本,更快的熟悉平臺能力。

          其次,每個問題旁邊都提供“是否有用”的按鈕供用戶評判。此功能不僅為平臺答案提供了優化空間,也強化了用戶對平臺建設的參與度,讓助手與用戶共同成長。

          最后,對話窗口也可拓展輔助能力,例如常見問題、快訊、快捷入口等,為用戶所想的同時也提供更便捷的站內流動通路。

          圖片

          2)入口形象IP化、情感化。除了自身能力外,入口的設計則會提升功能的存在感,從而吸引用戶的關注。首先品牌ip形象的植入會讓入口更生動,在喚起用戶注意的同時強化品牌印象。其次擬人化的主動問候能提升平臺的親切感,拉近與用戶的距離。

          圖片

           

           

          助力用戶精準觸達

          新用戶對平臺相對陌生,恰當的引導能讓他們快速關注重點。老用戶對平臺的定位及能力相對熟悉,目標性更強,但在應用同時也抱有更高期待。因此恰當的引導能幫助他們快速了解平臺變化并精準觸達。作為產品設計者,也希望對用戶行為進行有意識引導,讓用戶能發現、探索平臺新能力,或能夠按照我們的希望使用產品。公告彈窗、新手引導、全局提示這三類方法可幫助用戶高效獲取信息并助力精準觸達。

          1、公告彈窗

          常用于系統升級告知,以模態彈窗表達,讓用戶聚焦當前內容并支持跳轉了解詳情。公告樣式根據內容細分為三類:版本更新提示、重點升級告知、常規通告,不同類型需根據信息量多寡差異化表達。設計時可輔以插圖或其他視覺元素烘托氛圍,并在文案上注入情緒化的表達,從而提升用戶的關注度。

          1)「版本更新提示」承載簡單介紹內容,讓用戶關注且快速獲取變更信息。

          圖片

           

           

          2)「重點升級」當有若干重要功能更新或新增時,可用此形式突出重點。

          圖片

          重點內容露出建議2-4組為佳,彈窗寬度可根據內容適配。

          圖片

           

           

          3)「常規通告」常用于文案較多的場景。設計上需要弱化視覺氛圍,突出內容本身。

          圖片

           

           

          2、引導類

          針對局部功能升級的提示說明,一般與元素綁定關系較強,可讓用戶直觀了解關注點,提升功能觸達率。雖然此類引導輕量便捷,容易幫產品提升數據指標,但要注意適度應用。根據功能重要度、操作復雜度將引導總結為分步式、氣泡、閃點、操作示意4類。

           

          1)「分步式引導」常用于頁面多個功能升級的引導組。當頁面有多個升級點,直接平鋪會讓頁面臃腫不聚焦。為了讓用戶高效獲取信息,建議一次僅顯示一條,通過「下一步」操作,逐步喚出剩余引導。為避免步驟過多導致用戶疲勞,建議最多不超過5步。

          圖片

           

          2)「氣泡式」相對輕量的引導,有足夠的提示性但不影響其他功能操作。

          圖片

           

          3)「閃點提示」微輔助型提示,常與氣泡引導配合使用。在需要關注的地方閃爍,點擊閃點后喚出關聯氣泡提示。不對用戶造成視覺干擾,又能引起一定的關注。

          源圖像

           

          4)「操作示意」當無法用圖文清晰描述操作路徑時,以動態形式表達。

          圖片

           

          3、全局提示

          重點信息的匯總或提示。此類提示完美融合于頁面,醒目且對操作無干擾,用戶可根據披露內容判斷是否處理。通過警示、徽標的應用向用戶傳達信息的變化并提供快速觸達的能力,無形中提升用戶響應效率。

          1)「警示」不同顏色的提示條。常作為前置提示存在于頁面或模塊頂部,為用戶順利操作提供指引性幫助。既不打斷用戶當前操作,又足夠明顯,一般需手動關閉或事件結束后自行消失。不同顏色屬性不同:一般藍色代表消息通知、綠色代表成功、橙色代表警示、紅色代表錯誤或異常等情況。另外,也可作為反饋應用在一些需要明確指示的操作后場景,此處暫不展開討論。

          圖片

           

          2)「徽標」形態各異的小紅點。常出現在圖標、按鈕右上角的紅色圓點、數字或文字,簡單且醒目。表示內容更新或有待處理的信息,此類提示符合用戶心智,無需教育就能向用戶精準傳達提示意圖。

          圖片

          使用時注意無數字與有數字的應用場景。有數字的徽標給用戶帶來的心理壓力會更大,也會更吸引用戶注意力,同時需注意數字長度控制。

           

          操作中:具體的提示,助力高效填單

          存在于操作的具體任務中,通過提示、推薦、預置信息等方式降低用戶的認知及操作成本,提升填單效率。

           

           

          提示說明

          1、文案提示  

          平鋪在元素附近,對重點或復雜功能提供直觀描述或建議。帶有引導性的文案處理,會促進用戶優化填寫方案,輸入更合適的內容。應用類型有三:重點提示、輔助說明、占位提示。重點提示與輔助說明使用戶無需猜測;占位提示可使用戶能夠快速明確輸入規則。因表達側重不同,表單設計時三者搭配效果更佳。

          圖片

           

          2、工具提示

          此類信息作為文本解釋層級較低,無需直接展示。通過懸浮或點擊元素觸發對應說明,以氣泡形式出現。觸發式的展現既能避免非必要信息堆疊導致的頁面臃腫,又能保證需要的時候有跡可循。

          圖片

           

           

          智能化

          當一個系統背后的產品設計者考慮足夠全面,能夠預判用戶的預期,那么它就能主動的給用戶提供建議和幫助,甚至幫助用戶自動執行一些任務,最大化減輕用戶的決策壓力。但值得注意的是,“智能化”需要一定的產品能力及豐富的數據作為支撐,設計時需結合實際情況應用。

          1、信息預置

          系統根據賬戶屬性自動為用戶預置內容。如下左圖可見,僅需要填寫一條內容,其他對用戶利益無損的內容可通過預置選項來提升填單效率。

          圖片

           

          2、智能推薦

          此類設計的前提是平臺有足夠的數據積累,通過大數據或業務特色為備選內容打標簽建標識。常用的設計方法有兩種-為用戶提供可視化標簽,助力用戶快速決策;交互手段簡化,由多信息錄入變為直接選擇,強化推薦內容展示性,從而降低操作中的思考和錄入成本。

          場景一:「幫助決策」

          表單中有大量需要用戶錄入的字段,在無任何參考的情況下用戶用于決策的時間及輸入內容的合規性無疑對填單效率造成一定影響。下圖可見推薦標簽能幫用戶提供方向及邊界,輔助用戶決策,降低思考成本。

          圖片

           

          場景二:「提升填單效率」

          以單元創建為例,傳統路徑如下:新建>填寫表單>保存>再次新建>再次填寫表單…以此往復。用戶每建立一個單元均需要把同類型的內容填寫一遍,耗時費力。而智能推薦將常規表單輸入變為模版選擇,僅需2步就可完成多個內容創建:輸入關鍵詞>選擇模版。選擇和瀏覽的成本遠遠低于數據的頻繁輸入,模版設計則通過簡潔的樣式及內容層次化的展現提升信息獲取效率。通過路徑及交互方式的轉變,上線后數據反饋操作效率大幅提升。

          圖片

           

          3、預覽能力

          當操作過程較為復雜或結果難以預測時,可視化的預覽可及時展現結果樣式,方便用戶實時調整,提升操作安全感。

          圖片

           

          操作后:及時有效的反饋

          及時響應操作成果,將功能的運行情況、數據的對錯反饋給用戶,及時有效的幫助修復輸入中的問題。常見的反饋有以下四類:toast、表單錯誤校驗、模態彈窗、獨占式頁面,每種樣式因干預強度不同而適用不同的場景。

          圖片

           

          1、Toast:一般3s左右消失,因體積小、展示位置靠上、自動消失等特點時常被用戶忽視。常用于操作結果、系統性等等無明確后續指引的反饋,例如“提交成功”、“操作失敗”、“服務器無反應”。

          圖片

           

          2、錯誤校驗:當表單出現輸入錯誤時,按照就近原則在錯誤附近為用戶展示明確的提示性消息,糾正和引導用戶的輸入內容。

          圖片

           

          3、彈窗提示:提示性和阻斷性都很強,能夠讓用戶聚焦信息本身。通常提示內容可為用戶提供指向性引導,需要強關注。

          圖片

           

          4、獨占式反饋:提交后頁面切變為獨立展示的頁面級狀態反饋。比彈窗的阻斷性更強,信息獲取更沉浸。在設計時建議搭配狀態插圖強化氛圍,并提供操作按鈕為用戶提供通路。

          圖片

           

           

          章尾總結

          幫助體系的出發點就是在盡量降低人為干預的基礎上,減少用戶在不同使用階段中的刻意思考與尋找,從而提升操作的順暢性及用戶的認可度。綜上就是在不同操作階段可用到的設計方法,盡管有些手段并不起眼,但也正是這些點滴的聚集和系統的應用為用戶帶來無聲的幫助,讓B端產品使用體驗變得高效且富有溫度。

           

          原文地址:百度MEUX(公眾號)

          作者:商業用戶體驗部

          轉載請注明:學UI網》B端幫助體系二三事

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          聊一聊所謂的B端C化

          seo達人

          寫在前面

          最近很流行一個詞——B端C化,解釋出來就是可以用C端的模式和思維來對B端產品進行設計,討論者大致分為兩種觀點:

          1.C端產品市場已經趨于飽和,可拓展空間剩余不多了,B端產品市場還是一片藍海,于是產生了一些C端設計師轉型去做B端了,將一些C端的模式和思維帶到了B端設計中,導致越來越多的B端逐漸C化;

          2.B端產品市場互相競爭,為了在同市場中打出差異化,于是一些B端市場開始招攬C端設計師培養轉型,并且嘗試融入C端產品的模式和思維在同市場內競爭,是產品設計的“內卷化”現象,導致市面上的C化的B端產品越來越多;

          但上述無論哪一種觀點,都在闡述一種現象或者趨勢:不管是交互還是視覺還是UI,目前部分C端設計師正在往B端設計師轉型。這個現象的發生對整個設計行業來說無異于新增了很多新亮點——市場上越來越多的B端交互、數據可視化視覺等需求,進而導致對市場培訓行業開始產生B端培訓的訴求,同時也破空而出了很多優秀的B端設計師。那么B端C化到底是什么,和傳統B端C端有什么區別,有這方面想法訴求的同學怎么去實現轉型?

          由于我本人之前是做C端UI設計師,到后來轉型成為B端交互設計師,而接觸的業務恰好涉及B端和C端的聯動以及多角色之間的協作,所以這篇文章借助結合我個人的經驗和看法,談一談自己對B端C化的理解

           

          B端C端的區別

          在談B端C化之前,需要先了解B端和C端的區別是什么。B端C端的區別網上有很多文章和概述了,大致歸納下來主要以四個維度去區分:受眾主體、上線周期、業務類型和產品側重點這四個維度,其余的維度也會有區分,但是影響較小,主要還是圍繞以上四個維度進行B端和C端區分

           

          受眾主體

          受眾主體也就是相對應產品的用戶群體。C端的受眾主體是大眾用戶,特征為多樣化,用戶與用戶之間跨度也大,但是場景和路徑較為單一的,比如C端產品就以年齡層、城市、性別等來劃分用戶,每個階段的用戶都有不同的訴求、認知和習慣等等;在做任何決策方面都屬于偏感性(Heart)的個人決策(Personal);用戶穩定性則比較差,要是對產品不滿意,可以立馬換另一款產品,轉換門檻低,有多個競爭對手產品可供選擇;

          而B端產品的受眾主體則是為組織群體,特征為多場景和多維度,用戶群體較為清晰明確,可以按照崗位、角色、權限等劃分用戶群,但是之間的關系更加復雜,比如設計一個銀行內部管理系統,用戶群就很明確清晰——銀行各級職員角色,根據職級關系設計不同的功能以及權限;在做任何決策方面都屬于偏理性(Head)的團隊性決策(Team);用戶穩定性較強,要是對產品不滿意,也只能被迫適應和忍受,轉換成本較高,幾乎沒有其他產品可供選擇

           

          上線周期

          上線周期就是指產品從需求階段到設計階段。到開發階段直至最后產品上線所需要的周期。C端產品上線周期模式有個很明確的特點:快速迭代、敏捷,很多C端產品功能更新迭代的速度很快,上線周期非常短,往往半個月甚至一周就完成開發上線,加上用戶群的多樣性和跨度大,所以在上線的時候往往會需要AB實驗去驗證方案可行性;

          B端產品上線周期則是和C端一個對立面——長,少則雙月/季度多則半年/一年等,因為B端產品流程上都屬于重型流程,角色之間關系復雜,交互系統較為繁瑣,需求的改動和迭代并沒有那么頻繁,也不需要像C端產品那樣快速上線搶占市場,所以B端上線周期會很慢,也導致在工作強度上相比C端較為輕松一些,但是缺點就是結果沒有C端來的那么快和明顯

           

          業務類型

          C端產品的核心競爭力就是產品本身,關鍵總結就是讓用戶爽就完事了,所以C端產品的需求類型往往圍繞用戶群的痛點產生;因為C端用戶跨度大,不同的用戶群體有不同的痛點,所以導致C端的需求類型不是很明確清晰,需要不斷從用戶身上去探索挖掘需求,在不斷的試錯中逐漸得出正確的結論;

          B端產品的核心競爭力除了產品本身,還依賴復雜的關系、渠道、技術和資源,你的關系夠硬、渠道夠廣、技術夠領先、資源夠豐富,哪怕你的產品很一般,一樣能領先其他同行業的競爭對手,關鍵總結下來就是讓用戶贏就夠了;B端產品的需求類型雖然也是圍繞著用戶群的痛點產生,但需求的目標是更加明確清晰的,加上需求變更的頻率、范圍往往都有契約/合同所約束,所以相較于C端產品來說,B端產品是需求更加明確且容易達成目標

           

          產品側重點

          產品側重點無異于區分C端和B端最明顯的門檻了,C端產品的側重點主要在于體驗,而B端產品的側重點主要在于效益

          前面提到過C端產品核心讓用戶爽就完事了,加上基于用戶更換產品的成本很低:你這款產品我用不爽就換掉了,所以C端產品的側重點永遠以用戶體驗為主,前面說的需求業務類型也幾乎是圍繞用戶體驗產生的;大家對比市場上同類型的C端產品,界面、交互、功能都不會差很多,是因為經過長時間的更新迭代,已經沉淀下來目前最好的用戶體驗類型了,隨著產品量級越大,改變用戶體驗類型就越謹慎;C端產品就是為了尋找并解決用戶痛點、癢點和爽點,加上品牌性、用戶隱私等因素考量,產品側重點聚焦于用戶體驗

          B端產品側重點則是圍繞效益了,因為作為一個團隊使用的產品,不管是從易用性、功能性還是安全性,為這個團隊解決問題為首要基礎,那么使用者的體驗、產品的美觀度等等相較于優先級就沒有那么高了,所以導致了有一段時間大家對B端的理解依舊是老舊、丑、難用的認知上;B端產品就是為了使用產品的團隊解決效率、成本、營收的問題,加上產品的穩定性、安全性等因素的考量,產品側重點自然更聚焦在效益上

          什么是B端C化

          前面了解了B端和C端產品的區別,接下來聊一聊什么是B端C化;簡單來說從字面意思理解就是B端的設計層面逐漸靠近C端,網上也有很多B端可視化、趨勢潮流的設計和文章,但是B端C化不僅僅是從視覺設計上的改良,下面我逐漸從大到小聊一下我對B端C化的理解

           

          功能架構

          在做過很多B端產品之后發現,往往很多產品經理是對整個產品架構、功能形態一切都清晰地了如指掌,但是有時候在搭建產品架構的時候,功能形態單一粗糙,步驟復雜且笨拙;站在業務產品的視角來看,架構邏輯上都是沒有問題的,但是站在用戶視角來看,整體框架是混亂破碎的,步驟繁瑣且復雜,導致用戶對產品的認知變差,但是又不得不去用這個產品,只能被迫去學習使用

          比如一個產品案例,就是一個產品的底層邏輯是前端輸入素材id,后端返還一個素材后就可以使用了,站在產品業務視角來看,這樣設計沒有什么問題,符合產品的底層邏輯;但是站在用戶視角就特別難受了,用戶想用一個素材,還要去尋找id然后輸入搜索,像C端那樣全部鋪出來給用戶選不好嘛?

           

          行為習慣

          行為習慣自然是指用戶群在該行業下的行為習慣,電商行業、社交行業等等不同行業的習慣、專業術語等都不相同,這個在C端產品中都很能得到體驗,比如電商行業的大紅大紫,社交行業的左右滑動等等,這類有著很明顯的行業屬性和大眾認知,一樣是B端設計中應該注意的點

          最經典的案例就是紅色綠色的定義區分,在數據產品認知中,綠色代表數據漲了,紅色代表數據跌了,比如GMV數據,DAU數據等,紅色為重點關注的數據;而在金融行業中,基金股票紅色代表漲了,綠色則代表跌了,所以設計的原則一定得是基于不同行業的用戶行為習慣

           

          信息層級

          B端產品的信息量一般是很龐大的,尤其是數據、表單、審批等B端產品,涉及到不同角色不同權限的開放等,所以用戶能否能一眼看清關鍵信息,能否幫助用戶快速達成目標,是交互層面針對信息層級的設計處理一個重要的環節

          之前很常見B端產品中信息處理的方法就是堆積處理,直接將信息、數據等平鋪展示,比如很久之前的某牛商家端后臺等老舊系統;現在很多新的B端產品都是以模塊化處理方法將信息層級區分,使得模塊之間間隔更明顯,信息處理的效率更高,宛若C端中的卡片式設計

           

          設計語言

          設計語言自然是B端設計中標題、字號、顏色等規范標準,早些年把B端產品組件化后且開源的自然是阿里老大哥了,當時最早的AntDesign、以及后來的ElementDesign組件庫,到現在都被很多中小企業甚至大廠某些產品一直使用中,但隨著B端產品的普及和發展,越來越多的企業開始將自己產品沉淀出完善成套的設計語言,并搭建出自己的組件庫投入使用了

           

          用戶體驗

          如何去衡量用戶體驗是否是好的,最客觀來講當然是通過數據去衡量,而數據往往在C端產品中很常見,不管是體驗數據還是表現數據,都是C端產品中最為關注的;然而在B端產品中,更多收集的一般都是業務表現數據,幾乎沒有衡量用戶使用平臺的相關數據,大多衡量體驗的方法都是依靠問卷反饋的形式;但在B端C化的過程中,用戶體驗的數據也逐漸被加入到B端產品當中來,成為體驗標準的考核之一:比如某個任務完成的時長,報錯出現的頻次、某某工具的使用率等

           

          視覺設計

          最后就是B端C化表現層的設計,包括目前主流的設計趨勢如大數據可視化、3D建模、材質質感、Dark模式等都逐漸融入到B端產品中,使得B端產品不再追求簡單的“功能優先”和“能用就行”,而是像C端那樣追求更美觀的視覺,更極致的體驗

           

          為什么要B端C化

          總結下來“B端C化”就是B端產品無論是從功能架構還是視覺體驗,越來越趨于人性考慮設計,越來越關注使用者的感受和反饋,因為說白了不管B端產品代替成本高不高,用戶是一群專業人士還是普通職員,使用者歸根到底還是“人”在使用產品,那么必然會帶來體驗相關的問題;所以B端C化會逐漸形成一種趨勢,在企業平臺資源支持的情況下,會將B端產品的功能放大,追趕市場競爭,逐利行業內卷,在體驗和視覺感官上也會更加的人性化,結果自然是產品設計者們更加的卷了(手動狗頭)

           

          總結

          無論是現在的B端C化還是將來其他多元的設計趨勢,隨著市場的競爭和行業內卷,已經反推著設計師們不單單局限于照顧自己的“三分田地”了,無論是之前視覺設計師開始學習3D建模,還是UI設計師嘗試接觸代碼設計,設計師最大的品質就是應該緊跟時代的趨勢變化,及時調整補充自己的能力,提升自我的競爭力,才是在當今環境下立足的根本

           

          原文地址:站酷

          作者:雨灰

          轉載請注明:學UI網》聊一聊所謂的B端C化

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          交互設計師該如何提升“軟實力”?

          seo達人

          我將交互設計師應該具備的能力總體上劃分為“硬實力和軟實力”兩個大方向:

          硬實力是指專業能力,包括交互設計能力、對所負責的業務線與對應產品的理解程度、對產品面向的用戶群體與用戶使用場景的了解程度、對設計規范與組件的熟練應用、數據分析能力、對設計工具的熟練使用、以及具備一定的視覺審美。

          軟實力是指通用能力和個人影響力,通用能力主要包括“溝通與表達能力、推動與執行能力、項目管理能力、復盤總結能力”;個人影響力主要包括“分享、指導、創新能力”。

          本文將結合我的工作經驗,以及不同公司招聘要求中都有的共性點,向大家介紹如何在日常工作中培養和提升自己的軟實力。

          下圖是我簡要繪制的“交互設計師能力框架圖”:關于硬實力這部分內容,在我之前的文章中已經梳理過一些,感興趣的可以回頭翻看。

           

          一、通用能力

          1. 溝通與表達

          首先你需要分析自己的性格特點,一般外向的人擅長溝通,即便不是外向型,也最好不要是內向不愛說話。只有你發自內心的愿意主動與他人溝通,別人才能感受到你的親和力。

          其次不管與怎樣性格的人溝通,把握的第一個原則是“就事論事”:沒必要為了事情大聲爭論,甚至上升為人身攻擊,我們溝通的初心是為了解決問題,應該盡可能的“求同存異”。

          你需要做的是想辦法解決影響事情順利發展的各種障礙,過程中遇到的非主觀因素記錄下來便于后續總結。

          表達是指將思維所得的成果用語言等方式反映出來的一種行為,是向他人正確傳達自己的想法。

          比如與同事溝通表達自己的觀點、公開演講、獲獎感受等,表達的定義里包含一個關鍵詞“思維所得”:這意味著你需要在平時就有一定的思考沉淀,不然你無法做到“準確且清晰”的傳遞自己的觀點。

          需要把握的第二個原則是“不卑不亢”:既然是一個Team,團隊最終目標是一致的,只不過不同成員的崗位角色不同,分工內容不同,沒有誰一定要給誰妥協,或者誰一定要強硬到底。按照已經發生的客觀事實有理有據的陳述自己的觀點即可。

          最后需要把握的第三個原則是“換位思考”:用戶體驗設計領域的設計師經常提到一個詞“同理心”。我們需要站在用戶角度審視自己設計的產品,我們需要站在不同崗位角色角度理解他人的難處…無論對內還是對外溝通與表達,能做到換位思考的人,必然考慮問題更加周全、更加有深度。

           

          2. 推動與執行

          執行力是指完成任務目標的操作能力,評判執行力強弱的標準是效率與效果。執行其實是踐行的過程,踐行的過程中效率可能沒那么高、最終的效果可能也沒有多滿意,但無論如何,做這件事都為你積累了寶貴的“踐行經驗”,舉重若輕的背后一定經歷過多次失敗與不堪。

          執行力是每一位員工都必須具備的基礎能力,而推動力則是針對中高階水平設計師提出的更高要求。

          “從單純的執行任務”升級為“從頭到尾推動事情落地”,這是職場打怪升級的必經之路!推動力不再是單一的能力要求,而是“多項能力”的綜合體現,推動落地的過程中涉及到溝通表達、組織協調、向上管理、項目管理等能力。

           

          3. 項目管理

          往小了說是對自己承接任務的管控,范圍相對小,包括項目前期涉及到的“與上游業務同事和產品經理梳理需求、提出合理建議、預估排期”;項目推進過程中涉及到的“準時交付產出、問題溝通與解決、風險點預估與分析、及時向上匯報進展、設計驗收”;項目后期涉及到的“上線驗收、遺留問題記錄與跟進”。

          以上提到的是設計師在設計層面應該做好的事情。再往大了說,你可能會作為一個分支項目的牽頭人,你要管控的不單是項目在設計階段的開展,還會更多涉及到與上游業務方、產品經理;與下游開發同事、測試同事;與外部合作方的協作等。

          隨著項目復雜度提升,對負責人項目管理能力要求會越高,因為會涉及到方方面面,可能包括業務對接洽談、細節協商達成一致、進度把控等。

          作為交互設計師,有機會深入參與到項目推進的全流程中,這既是對你專業能力的深化,也進一步加強了你對所負責業務線的理解程度。

          如果你遇到這樣的機會,請珍惜把握,尤其是首次承擔類似職責。誰都是從0到1、從無經驗到身經百戰走過來的,不要有過多的擔心害怕,擼起袖子加油干!當你經歷過再回首時,你會感謝當初自己的勇敢與自信。

           

          4. 復盤總結

          近期面試一些交互設計師,聊到關于項目需求的復盤時,有的應聘者在公司現有機制下沒有機會接觸到需求上線后的數據表現或者用戶反饋;有的應聘者總結分析的不夠深入或者視野局限于設計層面的改進。

          我之前也在小的創業公司工作過,以上類似現象在許多公司還是比較普遍的。我的看法是:圍繞個人能力發展思考并決策。

          • 如果你所在的公司沒有建立復盤機制,你也很少能接觸到相關數據,一方面你可以嘗試著利用上面說的推動能力,試著推動建立這個機制,至少可以先從你所在的小部門開始試行;另一方面如果你是在類似國有企業,反饋信息涉及到保密,這是客觀因素與你的努力無關,這時候需要認真考慮換工作的事情了。
          • 另外一種情況是有機會獲取相關反饋信息,但有時候承接的業務需求不間斷,再加上許多公司的復盤機制算是錦上添花,不是非做不可的,所以針對設計師個人而言,做好這件事更多依靠的是“自驅力”。

          復盤總結不單針對工作項目,另外重要的方面是自我反思。從過往的工作經驗中思考做的好的地方,不好有待提升的地方,需要補齊的短板是什么,職業生涯下一階段的規劃是什么… 我認為尤其對于交互設計師而言,階段性的反思總結,有助于更好的認清自己能力優勢與劣勢,有助于逐步搭建上面提到的自己的能力框架。

           

           

          二、個人影響力

          1. 分享

          分享其實就是將某方面復盤總結的結果拿出來與他人溝通交流,分享形式和分享內容圍繞分享目的可以靈活調整。比如我之前的文章《如何做好一場部門內部分享?》中提到過關于分享形式與內容的創新,感興趣的可以翻看。

          當初之所以要做出這個改變,是因為我們認為原有的單個人框定大概分享內容范圍進行分享的方式,不能很好的幫助分享人和被分享人提升能力,同時分享內容容易脫離現有業務。當然不同公司分享目的考慮的側重點不同,所以算是因公司而異吧。

          對個人而言,如果你平時針對項目、設計專業、工作流程、存在的問題等有過一定程度的思考,你會積累一些沉淀,無論是優秀的值得借鑒的內容、還是失敗的值得引以為戒的內容,都可以與同事或者專業領域的朋友交流討論。反過來在這個過程中,又會激發你更多的想法,拓展你的眼界與思維。

           

          2. 指導

          團隊內有工作經驗或者熟悉工作流程的中高階設計師,針對初入職場的新人或者剛來公司還處于適應部門環境的有工作經驗的職場老人,進行專業層面和工作流程的指導。

          許多公司比較注重公司文化對新人的輸出,但針對日常工作的指導帶教卻沒有十分明確的規定。

          輔導的效果很大程度上取決于指導人,如果某天你有機會帶教新人,不要輕視這項工作,首先在心態上能夠做到上面提到的換位思考,你自己也是從新人一路走過來的,能夠切身感受到新人的訴求。

          其次也是對你責任心的側面考察,在職場有一句話我認為是適用的:你能承擔多大的責任,就值得擁有多大的回報。

           

          3. 創新力

          提到創新許多人覺得有些虛無縹緲,因為現實情況是處理不完的待解決問題,哪還有時間和精力做創新,就算提了創新的點也很難有資源支持。很久一段時間我也是這么想的,后來看到兩個觀點使我茅塞頓開:

          • 創新不是顛覆,也不一定是驚天動地的大動作,更多的可能是微創新,一個有可行性有突破性的想法。
          • 如果你對所做的事情保持有好奇心或者熱情,千萬不要被日常的工作消磨掉。好奇心是創新的源動力。

          生活中太多的人會告訴你,只能顧好眼前的茍且,沒有精力和金錢暢想詩與遠方,如果你也這么想并且這么去做,你只會被大眾牽著鼻子走。更為可怕的是,慢慢的你丟掉的是那些原本可以讓你更為成功的優勢點。

           

           

          三、總結

          以上是我提煉出的我認為一名優秀的交互設計師應該具備的“軟實力”, 這部分能力應該是成為高階設計師的衡量標準之一。無論是職場新人還是老鳥,重視和持續打磨自身的通用能力與個人影響力,才能不斷提升自己的不可替代性。

           

          原文地址:人人都是產品經理

          作者:Viksea

           轉載請注明:學UI網》交互設計師該如何提升“軟實力”?

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

          截屏2021-05-13 上午11.41.03.png

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合