首頁

區(qū)塊組件-表格頁的設(shè)計(jì)梳理|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

表格的設(shè)計(jì),雖然看似簡(jiǎn)單,但是作為用戶最常用的組件之一,我們需要對(duì)視覺和交互的精準(zhǔn)把握,才能保證用戶在使用表格時(shí)更加高效表格被公認(rèn)是展現(xiàn)結(jié)構(gòu)化數(shù)據(jù)最為清晰、高效的形式。常和按鈕、搜索、篩選、分頁等其他元素一起協(xié)同,構(gòu)成表格頁。表格的設(shè)計(jì),雖然看似簡(jiǎn)單,但是作為用戶最常用的組件之一,我們需要對(duì)視覺和交互的精準(zhǔn)把握,才能保證用戶在使用表格時(shí)更加高效。

設(shè)計(jì)師和前端開發(fā),如何實(shí)現(xiàn)高效協(xié)同的工作流|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

開發(fā)做的界面和設(shè)計(jì)稿差異巨大,或者完全不是一回事,是非常普遍的現(xiàn)象,也是最困擾UI設(shè)計(jì)師的問題之一。很多時(shí)候設(shè)計(jì)師辛辛苦苦設(shè)計(jì)了半天,最后落地的成品貨不對(duì)板,這就等于對(duì)之前設(shè)計(jì)的全盤否定,讓我們產(chǎn)生工作的內(nèi)容毫無意義的想法。

藍(lán)藍(lán)UI設(shè)計(jì)隨筆:如何做軟件產(chǎn)品用戶旅程圖?|

博博

藍(lán)藍(lán)寫
畫出用戶旅程圖是我特別喜歡的一個(gè)工作方法,可以與產(chǎn)品、研發(fā)、市場(chǎng)團(tuán)隊(duì)一起共創(chuàng),優(yōu)化產(chǎn)品。
用戶旅程圖是一種圖形化工具,用于詳細(xì)描述用戶在使用產(chǎn)品或服務(wù)時(shí)所經(jīng)歷的各個(gè)階段和步驟。它能夠展示用戶的整個(gè)使用過程,包括用戶的需求、痛點(diǎn)、態(tài)度和行為,以及產(chǎn)品或服務(wù)如何與用戶進(jìn)行互動(dòng)。作為產(chǎn)品設(shè)計(jì)者,我們可以通過用戶旅程圖更好地理解用戶需求,提前發(fā)現(xiàn)后續(xù)的用戶體驗(yàn)問題,并思考如何提升產(chǎn)品或服務(wù)的用戶體驗(yàn)。
用戶旅程圖的應(yīng)用廣泛,不僅可以幫助我們進(jìn)行流程分析,還可以識(shí)別痛點(diǎn),定義問題域。同時(shí),它也可以幫助我們進(jìn)行用戶反饋的收集和整理,為產(chǎn)品或服務(wù)的優(yōu)化提供依據(jù)。然而,用戶旅程圖并不是一種一次性的工具。它需要我們不斷地更新和完善,以適應(yīng)不斷變化的市場(chǎng)和用戶需求。因此,即使我們所屬的團(tuán)隊(duì)沒有特別完善,也許我們?cè)诤荛L時(shí)間內(nèi)都沒有運(yùn)用的環(huán)境,但是不要忘記,它依然是一個(gè)威力無比的工具。
現(xiàn)在我們就來重溫一下,這是藍(lán)藍(lán)設(shè)計(jì)的用戶旅程圖~~~

UI設(shè)計(jì)公司的用戶旅程圖

這是乘坐飛機(jī)過程的用戶旅程圖~~~

使用用戶旅程圖的方法如下:
Step 1:明確用戶和劃定用戶群
首先,我們需要明確研究的目標(biāo)用戶和所屬的團(tuán)隊(duì)資源情況。在此基礎(chǔ)上,我們可以確定需要映射的用戶群體,并針對(duì)該群體的特定目標(biāo)和場(chǎng)景進(jìn)行旅程圖的構(gòu)建。
Step 2:梳理業(yè)務(wù)場(chǎng)景下用戶行為流程
根據(jù)目標(biāo)用戶的任務(wù)和行為,我們可以梳理出該場(chǎng)景下用戶的行為流程。這個(gè)流程包括用戶需要經(jīng)歷的階段、環(huán)節(jié)以及交互方式等。如果涉及主次任務(wù)流程,都需要一一梳理出來,并加以歸類。這個(gè)過程需要深入的剖析,盡可能找出所有用戶與軟件產(chǎn)品產(chǎn)生交互的接觸點(diǎn),以便進(jìn)一步拆分出每個(gè)階段的用戶目標(biāo)、操作、接觸點(diǎn)位置、用戶想法以及用戶感受。
Step 3:繪制用戶想法和感受曲線
在梳理完用戶行為流程之后,我們需要根據(jù)調(diào)研時(shí)記錄的用戶反饋和情感變化,繪制出用戶的想法和感受曲線。這個(gè)曲線通常采用情緒曲線的形式來展示用戶的情感變化,并標(biāo)注出用戶的痛點(diǎn)和爽點(diǎn)。
為了獲取用戶數(shù)據(jù),我們采用了多元化的數(shù)據(jù)收集方法,例如:
用戶行為觀察:直接觀察并記錄用戶在各個(gè)階段中的實(shí)際操作行為。
用戶測(cè)試:通過測(cè)試用例執(zhí)行,評(píng)估用戶在特定任務(wù)中的操作效率、反復(fù)性以及清晰度。
用戶調(diào)查:以問卷或在線訪談的形式,收集用戶對(duì)于任務(wù)完成情況的反饋以及他們的疑問和不滿。
熱圖分析:通過熱圖工具分析用戶在界面上的鼠標(biāo)移動(dòng)和點(diǎn)擊行為,以評(píng)估操作的順暢程度。
工單與客服反饋:收集并分析用戶通過工單或客服途徑反饋的問題和意見。
這些數(shù)據(jù)均應(yīng)直接來源于真實(shí)的用戶行為和反饋,而不是團(tuán)隊(duì)內(nèi)部的推測(cè)或分析。在整理數(shù)據(jù)時(shí),我們需要避免主觀評(píng)價(jià)和情緒化的表達(dá),堅(jiān)持以客觀事實(shí)為基礎(chǔ),并關(guān)注以下幾類關(guān)鍵數(shù)據(jù):
用戶實(shí)際操作過程:觀察并記錄用戶在各個(gè)階段的具體操作步驟。
操作效率:通過測(cè)試數(shù)據(jù)評(píng)估用戶完成特定任務(wù)的效率。
操作的反復(fù)性:記錄用戶在操作過程中重復(fù)操作的次數(shù)和頻率。
操作過程的清晰度:通過用戶調(diào)查或熱圖分析,了解用戶對(duì)于當(dāng)前操作流程的清晰程度和滿意度。
任務(wù)完成情況:根據(jù)用戶調(diào)查和工單反饋,統(tǒng)計(jì)任務(wù)完成率以及未完成的原因。
用戶疑問:整理并分析用戶在各個(gè)階段中遇到的疑問和困惑。
用戶不滿:收集并分析用戶對(duì)產(chǎn)品或服務(wù)的不滿和抱怨。
用戶情緒:通過工單、在線訪談或社交媒體分析,了解用戶對(duì)產(chǎn)品或服務(wù)的情緒反應(yīng)。
Step 4:總結(jié)解決方案和新的靈感切入點(diǎn)
在對(duì)這些數(shù)據(jù)進(jìn)行痛點(diǎn)分析時(shí),我們需要對(duì)這些痛點(diǎn)進(jìn)行系統(tǒng)的梳理、分級(jí)以及深度挖掘,以洞察痛點(diǎn)背后用戶的真實(shí)需求和期望。然后,基于這些痛點(diǎn)和需求,識(shí)別出產(chǎn)品或服務(wù)優(yōu)化和改進(jìn)的關(guān)鍵機(jī)會(huì)點(diǎn)。

通過回答這些問題,我們可以總結(jié)出相應(yīng)的解決方案和新的靈感切入點(diǎn),為產(chǎn)品或服務(wù)的優(yōu)化提供參考。
在分析過程中,我們可以采用多種方法來拓寬思路和尋找可能的改進(jìn)點(diǎn),例如:
行業(yè)內(nèi)成功做法借鑒:研究同行業(yè)其他成功案例,了解他們?cè)诮鉀Q類似問題時(shí)的策略和方法。
項(xiàng)目經(jīng)驗(yàn)總結(jié):回顧團(tuán)隊(duì)歷史項(xiàng)目中的類似問題,提煉成功和失敗的經(jīng)驗(yàn),以便應(yīng)用于當(dāng)前問題的解決。
專業(yè)判斷與經(jīng)驗(yàn)聯(lián)想:依靠專業(yè)知識(shí)和行業(yè)經(jīng)驗(yàn),提出可能的問題解決方案,并聯(lián)想類似場(chǎng)景中可能的優(yōu)化策略。
用戶視角思考:換位思考,從用戶角度出發(fā),嘗試?yán)斫馑麄兛赡艿耐袋c(diǎn)和需求,以及可能的解決方案。
頭腦風(fēng)暴:組織團(tuán)隊(duì)成員進(jìn)行頭腦風(fēng)暴,鼓勵(lì)發(fā)散性思維,盡可能多地提出可能的解決方案。

我們的目標(biāo)并非僅僅是為了制作一張漂亮的圖形或者報(bào)告,而是通過這種結(jié)構(gòu)化的分析方法,盡可能客觀地找出產(chǎn)品或服務(wù)中用戶體驗(yàn)優(yōu)化的關(guān)鍵機(jī)會(huì)點(diǎn),以便為進(jìn)一步的決策和實(shí)施提供明確的方向和依據(jù)。通過繪制圖表,我們可以清晰地展示整個(gè)分析過程以及結(jié)果,提供一種可視化的視角以便團(tuán)隊(duì)成員更好地理解和評(píng)估產(chǎn)品的優(yōu)勢(shì)與不足。
多練習(xí)~~這是一個(gè)很有效的積思廣議、從多角度解決問題的一個(gè)好方法。
祝大家使用順利~~

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)圖標(biāo)定制 、 用戶體驗(yàn)交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

如何讓表格頁面更具有吸引力和易用性|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

博博

改版前

改版后

頁面框架

1.導(dǎo)航菜單

用于承載同一層級(jí)下不同頁面或類別的組件,方便用戶在同一個(gè)頁面框架下進(jìn)行快速切換。

1.1.顏色

導(dǎo)航層和內(nèi)容層劃分明確,從本質(zhì)上講,這兩個(gè)本身就屬于不同的業(yè)務(wù)模塊,通過顏色的區(qū)分,是最為直接,最簡(jiǎn)單的一種方式。左側(cè)導(dǎo)航為深色,能夠讓用戶更沉浸的體驗(yàn),右側(cè)內(nèi)容區(qū)都為淺色,用戶在使用時(shí)能夠真正做到有區(qū)分。

1.2.側(cè)邊導(dǎo)航

將菜單欄放置在左側(cè),頁面布局上為左右結(jié)構(gòu),將導(dǎo)航菜單放置左側(cè)固定
優(yōu)點(diǎn):
擴(kuò)展性較強(qiáng)(多級(jí)導(dǎo)航可以流暢展示,可以涵蓋很多大而全的產(chǎn)品)
展示靈活(側(cè)邊導(dǎo) 航可收折,收折過后用戶的橫向核心空間將會(huì)增大大,頁面展示效率也會(huì)大大提高)
快速定位(視覺啟始線統(tǒng)一,用戶可以根據(jù)首字進(jìn)行查找,方便查找)

1.3.圖標(biāo)

線性圖標(biāo)是由直線、曲線、點(diǎn)在內(nèi)等元素組合而成的圖標(biāo)樣式,通過線來塑造輪廓。線性圖標(biāo)具有辨識(shí)度高,清晰,簡(jiǎn)約易識(shí)別等優(yōu)點(diǎn),不會(huì)對(duì)頁面造成太多的視覺干擾。

2.樹結(jié)構(gòu)

用于承載有父子關(guān)系的結(jié)構(gòu)化內(nèi)容,提供內(nèi)容層級(jí)的展示。

2.1.組織信息

樹形結(jié)構(gòu)可以幫助將信息進(jìn)行層級(jí)分類,清晰地展現(xiàn)出信息之間的從屬關(guān)系。這樣,用戶可以快速找到所需內(nèi)容,降低了在應(yīng)用中迷失的可能性。

2.2.幫助用戶導(dǎo)航

在一個(gè)頁面上展示多個(gè)層級(jí)的內(nèi)容,用戶通過點(diǎn)擊展開或折疊相關(guān)節(jié)點(diǎn),無需頻繁地跳轉(zhuǎn)頁面。這種設(shè)計(jì)簡(jiǎn)化了導(dǎo)航過程,提高了用戶滿意度和黏性。

2.3.左樹右表

根據(jù)人的視線流和操作順序,將樹結(jié)構(gòu)放置在表格左側(cè),先幫助用戶定義表格的具體內(nèi)容,后引導(dǎo)用戶進(jìn)行表格內(nèi)的操作

3.表格

表格常用于展示同類結(jié)構(gòu)下的多種數(shù)據(jù),易于組織、對(duì)比和分析等,并可對(duì)數(shù)據(jù)進(jìn)行搜索、篩選、排序等操作。一般包括表頭、數(shù)據(jù)行和表尾三部分

3.1.斑馬紋表格

斑馬紋表格通過交替的數(shù)據(jù)行背景,可以引導(dǎo)用戶的視線,使得大量數(shù)據(jù)看起來更加和諧和有條理。這使得用戶能夠更快地找到他們需要的信息,提高了數(shù)據(jù)的可讀性和掃描性。同時(shí)可以減少視覺噪音和協(xié)助對(duì)比,從而幫助用戶更加輕松地瀏覽表格數(shù)據(jù),降低視覺疲勞。

3.2.居中對(duì)齊

居中對(duì)齊的文字和數(shù)據(jù)在視覺上更加均勻分布,可以讓用戶更加輕松地瀏覽和讀取數(shù)據(jù)。特別是在處理包含大量數(shù)據(jù)的表格時(shí),居中對(duì)齊能夠減少視覺上的擁堵感,提高數(shù)據(jù)可讀性??梢允拐麄€(gè)表格的行高參差不齊的現(xiàn)象得到緩解,給用戶一種視覺上的統(tǒng)一感。

3.3.顏色

品牌色用于選中和編輯,紅色用于警示和禁止操作,綠色用于積極意義的信息或者操作。控制顏色數(shù)量,且不同顏色表達(dá)不同的含義,符合用戶思維慣性,具有良好的反饋?zhàn)饔谩?/p>

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司軟件界面設(shè)計(jì)公司

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

首先看我們這次改版的對(duì)象:

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

光憑第一印象,整體效果是還不錯(cuò)的,落實(shí)到每個(gè)局部的話,布局也是合理的,可以看到是有設(shè)計(jì)的細(xì)節(jié)在里面.jpg。

但是,再多看幾眼,就會(huì)發(fā)現(xiàn)整體的效果似乎有點(diǎn)不和諧,但又找不出來問題具體在哪,不知道怎么改下去。問題的根源就是 —— 過度設(shè)計(jì)。

我們強(qiáng)調(diào)過很多次,表盤頁的設(shè)計(jì)是作品集項(xiàng)目中最重要的頁面,因?yàn)橛^看者對(duì)整體視覺和設(shè)計(jì)水準(zhǔn)的印象是通過它建立起來的,不管你分析怎么寫,我們首先關(guān)注的肯定也是設(shè)計(jì)的效果。

但重要不代表需要過度傾注和堆疊視覺元素,過度的設(shè)計(jì)會(huì)讓界面看起來有 “飛機(jī)” 敢,不僅不真實(shí)的印象產(chǎn)生了,還會(huì)顯得業(yè)余不夠自信。同時(shí)任何項(xiàng)目中表盤頁過度設(shè)計(jì)都會(huì)對(duì)整個(gè)項(xiàng)目造成負(fù)擔(dān),后續(xù)的頁面要怎么設(shè)計(jì)才能不和它產(chǎn)生隔閡,保持一致性。

下面,我們根據(jù)原頁面進(jìn)行分析,來找出問題并優(yōu)化:

問題 1:導(dǎo)航欄的圖標(biāo)

導(dǎo)航的頂部 LOGO 描邊沒有太大必要,以及圖標(biāo)的設(shè)計(jì)在這個(gè)尺寸下非常的局促,因?yàn)榧?xì)節(jié)較多,不僅復(fù)雜性提升了,也缺乏圖形辨識(shí)。

所以改動(dòng)中,將多余的背景去掉,再簡(jiǎn)化圖標(biāo)本身的樣式。


如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問題 2:頂欄的設(shè)計(jì)

頂部欄本身設(shè)計(jì)單看是沒有問題的,但是作為全局欄目和導(dǎo)航欄顏色缺乏區(qū)分,而且用了投影來強(qiáng)化層次,就讓這個(gè)模塊的權(quán)重被過度放大。

所以我們?nèi)サ袅吮尘吧⑦m當(dāng)增高欄目的高度,讓局部更舒展。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問題 3:統(tǒng)計(jì)數(shù)字的問題

統(tǒng)計(jì)數(shù)字在作品展示里用特殊字體很常見,因?yàn)橐酶烙^的字體來呈現(xiàn)重要的信息。但任何頁面中的信息權(quán)重都要保持階梯性,不能讓加粗、深色、特殊字體幾個(gè)要素作用在過多的信息上,這就讓畫面顯得非常的“吵”。

所以要對(duì)字重和色彩做控制,創(chuàng)造對(duì)比來降低視覺的壓力。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問題 4:圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問題,第一個(gè)柱狀的堆疊類型并不是太符合實(shí)際數(shù)據(jù)應(yīng)用,下方的環(huán)形圖中起始位置顯然不對(duì),并且色彩比較混亂。

所以是答案對(duì)它們做出優(yōu)化,并調(diào)整了一些小細(xì)節(jié)。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問題 5:配圖類型選擇

在引導(dǎo)卡片中,用的扁平插畫素材一方面不高級(jí),另一方面內(nèi)容太碎,再加上用奇怪的字體和傾斜,使得這個(gè)卡片看起來非常別扭。

改動(dòng)中替換新的圖片素材(臨時(shí)找的,理解意思就行),同時(shí)使用一般黑體的標(biāo)題,以及增加背景色,來形成新的卡片樣式。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問題 6:裝飾圖標(biāo)應(yīng)用

在快速入口和日程模塊中,都有使用裝飾圖標(biāo),顯然大家也能理解他們對(duì)于目前的語境來講還是細(xì)節(jié)過多了,所以需要做一些調(diào)整,讓它們簡(jiǎn)化。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

最后,再加上一些細(xì)節(jié)的小改動(dòng),最終的樣式就完成了。


如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

表盤的設(shè)計(jì)一定要在最后做檢查,一些設(shè)計(jì)感強(qiáng)的元素是否有必要這么做,尤其是類似圖標(biāo)元素,做得很花哨是否對(duì)信息的識(shí)別能帶來幫助?如果不行,那就可以果斷的放棄。

表盤頁的設(shè)計(jì)感來自 —— 全局元素和色彩的控制,而不是單一某個(gè)局部?jī)?nèi)容的加強(qiáng)。

文章來源:優(yōu)設(shè)
作者:酸梅干超人

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司軟件界面設(shè)計(jì)公司

AIGC | B端視覺設(shè)計(jì)全攻略-手把手教程|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

人工智能的嶄新概念正在逐漸改變我們對(duì)設(shè)計(jì)的認(rèn)識(shí)和實(shí)踐方式。在這個(gè)數(shù)字化時(shí)代,AI不再僅僅是一種輔助工具,它已經(jīng)成為設(shè)計(jì)師的得力助手,能夠提供更高效、更智能的設(shè)計(jì)方案。在B端設(shè)計(jì)視覺中,AI的應(yīng)用為我們開辟了一條通向更優(yōu)質(zhì)設(shè)計(jì)的道路,本文將深入探討如何借助AI技術(shù),輔助設(shè)計(jì)師完成B端設(shè)計(jì)視覺。無論你是剛剛踏入設(shè)計(jì)領(lǐng)域的小白,還是經(jīng)驗(yàn)豐富的資深設(shè)計(jì)師,都可以利用AI工具來提升設(shè)計(jì)效率、優(yōu)化視覺效果。

AIGC|海報(bào)落地設(shè)計(jì)流程

ui設(shè)計(jì)分享達(dá)人

從幾個(gè)月前AIGC的興起到現(xiàn)在,各行各業(yè)已經(jīng)有許多團(tuán)隊(duì)將之運(yùn)用在工作流程當(dāng)中。其中,Midjourney的到來,不僅在一定程度上提升了設(shè)計(jì)師們的工作效率,也為設(shè)計(jì)師提供了更多設(shè)計(jì)方式上的可能性。其快速出圖的特點(diǎn)幫助設(shè)計(jì)師節(jié)省了設(shè)計(jì)初稿的時(shí)間,可圈可點(diǎn)的畫面構(gòu)圖與光影關(guān)系又給設(shè)計(jì)師帶來許多靈感與參考。那么,到底該如何運(yùn)用Midjourney來幫助我們將一個(gè)項(xiàng)目落地呢?本文將以一個(gè)大型活動(dòng)的主視覺設(shè)計(jì)案例,解析如何利用Midjourney,來幫助我們從最初的構(gòu)思到最后項(xiàng)目落地。

設(shè)計(jì)師如何洞察客戶行業(yè)|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

設(shè)計(jì)的價(jià)值怎么衡量?更有錢?更有名?更有權(quán)?全都不是工作價(jià)值 = 社會(huì)需求 X 生態(tài)位 也就是設(shè)計(jì)在越大越難的社會(huì)需求中,承擔(dān)越大越難的職責(zé),那就意味著有更大的價(jià)值。錢也好,名也好,權(quán)也好,都只是真正價(jià)值交付后產(chǎn)生的副產(chǎn)品,我們把這些副產(chǎn)品暫時(shí)拋開,關(guān)注事情的本質(zhì)。

如何利用激勵(lì)體系提升用戶粘性|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

用戶激勵(lì)體系是促進(jìn)用戶增長和活躍的常用手段,無論是節(jié)假日的各類運(yùn)營活動(dòng),還是各種等級(jí)、積分體系,都稱作激勵(lì)體系。因此很多人會(huì)困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復(fù)了?其實(shí)不然,它們是兩套并行的激勵(lì)體系,各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣,因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累,將論述常見的用戶激勵(lì)方式,以及針對(duì)好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。

宏觀視角:聊聊AIGC對(duì)設(shè)計(jì)行業(yè)的影響與啟發(fā)

ui設(shè)計(jì)分享達(dá)人

生成式AI到了技術(shù)發(fā)展從開始走向期望的膨脹期,現(xiàn)象級(jí)產(chǎn)品已經(jīng)出現(xiàn);
在產(chǎn)業(yè)結(jié)構(gòu)中,AI智能應(yīng)用近乎爆發(fā)的狀態(tài);
生成式AI的可控性突破也是爆火的重要原因之一。

日歷

鏈接

個(gè)人資料

存檔