首頁(yè)

【B端設(shè)計(jì)】表單設(shè)計(jì)的模式及使用場(chǎng)景

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

在B端設(shè)計(jì)中,表單設(shè)計(jì)是常見的需求設(shè)計(jì),對(duì)于B端來(lái)說(shuō),表單的信息復(fù)雜程度會(huì)根據(jù)業(yè)務(wù)的實(shí)際情況而定,常見的簡(jiǎn)單表單設(shè)計(jì)只需要將表單的字段平鋪在頁(yè)面中,用戶輸入相關(guān)信息即可完成表單的任務(wù)。但是B端的實(shí)際業(yè)務(wù)中,表單的需求有簡(jiǎn)單也有非常復(fù)雜的場(chǎng)景,如果都采用簡(jiǎn)單的平鋪方式,必定會(huì)讓表單填寫任務(wù)變得難以操作。對(duì)于不同的表單模式使用的業(yè)務(wù)場(chǎng)景不同,但是表單的呈現(xiàn)方式也具有多種選擇,并且適用的場(chǎng)景也不同。下面我總結(jié)了三種不同的表單展示方式,四中表單的呈現(xiàn)方式以及應(yīng)用場(chǎng)景。

如何進(jìn)行表單體驗(yàn)優(yōu)化-中臺(tái)系統(tǒng)

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

本篇文章將分享Web端表單體驗(yàn)優(yōu)化等相關(guān)內(nèi)容,分析設(shè)計(jì)師在設(shè)計(jì)B端類產(chǎn)品時(shí)如何讓用戶愉悅并高效的填寫表單。表單作為基礎(chǔ)通用組件,也是在各個(gè)企業(yè)級(jí)中臺(tái)中出現(xiàn)頻率最高的元素之一。在用戶界面中表單無(wú)處不在,比如:用戶注冊(cè)登陸頁(yè)、支付頁(yè)、用戶反饋、共享信息數(shù)據(jù)錄入等不同類型的表單。當(dāng)我們使用/設(shè)計(jì)表單頁(yè)面時(shí)看似是按鈕、輸入框等表單組件進(jìn)行組合搭配使用,看似簡(jiǎn)單,但是在實(shí)際業(yè)務(wù)使用中卻有著無(wú)數(shù)可推敲的細(xì)節(jié)冒出來(lái),常常給設(shè)計(jì)師造成較多的困擾。

后臺(tái)表單設(shè)計(jì)中的思考

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

表單頁(yè)作為B端設(shè)計(jì)中常見頁(yè)面之一,在設(shè)計(jì)過(guò)程中如何解決用戶的問(wèn)題如何降低使用者的錄入負(fù)荷。一點(diǎn)小小的經(jīng)驗(yàn)供大家參考~在使用表單組件、或設(shè)計(jì)表單頁(yè)面時(shí),很多設(shè)計(jì)者都是根據(jù)自己的直覺或者個(gè)人經(jīng)驗(yàn)本能驅(qū)動(dòng)解決排列、布局的一些問(wèn)題。但又會(huì)有很多的疑惑會(huì)從過(guò)程中冒出來(lái)困惑設(shè)計(jì)師,導(dǎo)致自己的設(shè)計(jì)很難使產(chǎn)品、開發(fā)等信服。每一個(gè)設(shè)計(jì)都離不開解決某問(wèn)題或達(dá)到某個(gè)預(yù)期,好的表單設(shè)計(jì)往往都能讓用戶快速get到關(guān)鍵信息同時(shí)快速準(zhǔn)確錄入信息,降低使用者填寫負(fù)荷。帶著這樣的設(shè)計(jì)目的結(jié)合業(yè)務(wù)內(nèi)容將表單進(jìn)行分組,結(jié)合適當(dāng)?shù)脑O(shè)計(jì)策略,這樣能使設(shè)計(jì)方案更加有理有據(jù)。

網(wǎng)頁(yè)后臺(tái)設(shè)計(jì):列表設(shè)計(jì)、表單設(shè)計(jì)

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

一個(gè)完整的后臺(tái),由菜單/導(dǎo)航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成,下面跟大家分享后臺(tái)中的表格和表單的設(shè)計(jì)細(xì)節(jié)當(dāng)接到一個(gè)全新的網(wǎng)頁(yè)后臺(tái)項(xiàng)目時(shí),首先確定設(shè)計(jì)風(fēng)格,然后考慮這個(gè)后臺(tái)尺寸是做居中固定式,還是全屏響應(yīng)式(上一篇文章已經(jīng)跟大家分享了網(wǎng)頁(yè)設(shè)計(jì)的畫布尺寸)。全屏響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì),選擇怎么樣的屏幕來(lái)做效果,就顯得有些主觀了,除非有規(guī)定,否則你可以選擇任意主流尺寸作為基尺寸來(lái)設(shè)計(jì)網(wǎng)頁(yè)。當(dāng)然,不管選擇什么尺寸,都得基于做好一個(gè)后臺(tái)而開展工作。

后臺(tái)系統(tǒng)中,如何高效的設(shè)計(jì)表單-標(biāo)簽篇

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

表單在我們的工作生活中非常見,表單對(duì)于企業(yè)和個(gè)人同樣至關(guān)重要,當(dāng)涉及到數(shù)據(jù)收集時(shí),我們大多數(shù)情況下會(huì)采用表單。比如,我們?cè)诔鰢?guó)申請(qǐng)護(hù)照的時(shí)候,我們需要填寫的紙質(zhì)的申請(qǐng)資料,就是表單。我們?cè)谔詫毦〇|下單買東西時(shí)填寫的個(gè)人信息,地址的時(shí)候,也是表單。表單有數(shù)據(jù)收集,校驗(yàn)和提交的功能,其中核心功能是采集數(shù)據(jù)信息,可以看成是采集、傳遞、提交數(shù)據(jù)的中間媒介。表其作為獲取用戶輸入的重要交互方式,也承擔(dān)著將問(wèn)題和答案進(jìn)行配對(duì)的角色。包含復(fù)選框,單選框,輸入框,下拉選擇框等元素。

讓你快速熟悉近十年流行的16種插畫風(fēng)格|蘭亭妙微UI設(shè)計(jì)公司

資深UI設(shè)計(jì)者

讓你快速熟悉近十年流行的16種插畫風(fēng)格|蘭亭妙微UI設(shè)計(jì)公司

近十年來(lái),插畫領(lǐng)域出現(xiàn)了許多流行的風(fēng)格,每種風(fēng)格都有獨(dú)特的特點(diǎn)和魅力。本文將介紹近十年流行的16種插畫風(fēng)格,幫助你快速熟悉這些風(fēng)格。

  1. 扁平設(shè)計(jì)風(fēng)格 扁平設(shè)計(jì)風(fēng)格強(qiáng)調(diào)簡(jiǎn)潔、清晰的圖形表達(dá),平面化的色彩和簡(jiǎn)化的線條。它通常使用鮮艷的顏色,抽象的形狀和圖標(biāo)化的元素來(lái)傳達(dá)信息。

  2. 水彩畫風(fēng)格 水彩畫風(fēng)格通過(guò)透明而廣泛的色彩展示出柔和和溫暖的感覺。它通常使用混合和模糊的技法,創(chuàng)造出有機(jī)和柔和的效果。

  3. 手繪風(fēng)格 手繪風(fēng)格強(qiáng)調(diào)手工繪制的質(zhì)感和生動(dòng)性。它可以是簡(jiǎn)單的草圖,也可以是精確的描繪。特點(diǎn)是線條鮮明,充滿表現(xiàn)力。

  4. 光影風(fēng)格 光影風(fēng)格通過(guò)強(qiáng)調(diào)光線和陰影的明暗對(duì)比,營(yíng)造出生動(dòng)逼真的效果。這種風(fēng)格常用于科幻、奇幻和超現(xiàn)實(shí)主題。

  5. 平面視覺風(fēng)格 平面視覺風(fēng)格注重創(chuàng)造出平面化的空間感,通過(guò)透視和圖形排列等技巧,創(chuàng)造出簡(jiǎn)潔而引人注目的圖像效果。

  6. 表現(xiàn)主義風(fēng)格 表現(xiàn)主義風(fēng)格強(qiáng)調(diào)情感和表達(dá)力,通過(guò)夸張和變形的手法來(lái)表達(dá)個(gè)人的內(nèi)心感受。這種風(fēng)格常用于藝術(shù)和文學(xué)插畫。

  7. 卡通風(fēng)格 卡通風(fēng)格以夸張的表情、簡(jiǎn)化的形態(tài)和明亮的色彩為特點(diǎn)。它通常用于幽默、童話和動(dòng)漫領(lǐng)域。

  8. 現(xiàn)實(shí)主義風(fēng)格 現(xiàn)實(shí)主義風(fēng)格追求畫面的真實(shí)感和細(xì)膩程度,力圖創(chuàng)造出與現(xiàn)實(shí)世界相似的效果。這種風(fēng)格常用于肖像、風(fēng)景和繪畫插圖。

  9. 3D渲染風(fēng)格 3D渲染風(fēng)格通過(guò)計(jì)算機(jī)生成的技術(shù),創(chuàng)造出逼真的3D圖像。它通常用于游戲、電影和廣告等領(lǐng)域。

  10. 細(xì)膩筆觸風(fēng)格 細(xì)膩筆觸風(fēng)格注重線條的精細(xì)和紋理的真實(shí)感。它通常通過(guò)漸變和陰影來(lái)創(chuàng)造出細(xì)膩而逼真的效果。

  11. 幻想風(fēng)格 幻想風(fēng)格以奇幻、神話和魔法為主題,通過(guò)極富想象力的場(chǎng)景和角色,創(chuàng)造出神秘而迷人的效果。

  12. 精致民族風(fēng)格 精致民族風(fēng)格結(jié)合了民族文化的元素和繪畫技巧,強(qiáng)調(diào)傳統(tǒng)和民俗的圖案和色彩。它常用于民族藝術(shù)和手工藝品的插圖。

  13. 簡(jiǎn)約風(fēng)格 簡(jiǎn)約風(fēng)格強(qiáng)調(diào)簡(jiǎn)單、純粹的設(shè)計(jì)語(yǔ)言,追求最少的元素來(lái)表現(xiàn)最大的效果。它通常使用極簡(jiǎn)的線條和鮮明的色塊,使圖像更具沖擊力。

  14. 黑白插畫風(fēng)格 黑白插畫風(fēng)格通過(guò)使用只有黑色和白色的顏色,強(qiáng)調(diào)形狀和陰影的變化,創(chuàng)造出獨(dú)特的視覺效果。它通常用于書籍、報(bào)紙和雜志的插圖。

  15. 平面化插畫風(fēng)格 平面化插畫風(fēng)格以簡(jiǎn)化和扁平化的設(shè)計(jì)為特點(diǎn),強(qiáng)調(diào)圖形的表現(xiàn)力和色彩的鮮明度。它常用于品牌設(shè)計(jì)和廣告。

  16. 洛麗塔風(fēng)格 洛麗塔風(fēng)格注重可愛和甜美的形象,以少女為主角,強(qiáng)調(diào)少女特有的柔和和夢(mèng)幻感。它常用于宣傳海報(bào)、時(shí)尚雜志和廣告等。
    以上是近十年流行的16種插畫風(fēng)格的簡(jiǎn)介,每一種風(fēng)格都有不同的魅力和應(yīng)用領(lǐng)域。隨著時(shí)間的推移,插畫領(lǐng)域?qū)⒗^續(xù)推陳出新,創(chuàng)造出更多獨(dú)特的風(fēng)格和表現(xiàn)形式。希望這些介紹對(duì)你在插畫創(chuàng)作和欣賞上有所幫助。
    藍(lán)藍(lán)未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
    藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司

B端產(chǎn)品-部分競(jìng)品分析

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

收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏3

作者:江小白愛喝牛奶
鏈接:https://www.zcool.com.cn/work/ZNjU5MTU5NTI=.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

深度解讀VisionOS設(shè)計(jì)原則,掌握設(shè)計(jì)趨勢(shì)

博博

VisionOS是一個(gè)全新的操作系統(tǒng),設(shè)計(jì)初衷是提供更智能、更簡(jiǎn)潔、更人性化的用戶體驗(yàn)。為了實(shí)現(xiàn)這一目標(biāo),VisionOS擁有一套獨(dú)特的設(shè)計(jì)原則,本文將深度解讀這些原則,并探討其如何引領(lǐng)下一代設(shè)計(jì)趨勢(shì)。

一、簡(jiǎn)約與純粹(Simplicity and Purity)
VisionOS強(qiáng)調(diào)簡(jiǎn)約與純粹的設(shè)計(jì)風(fēng)格。界面布局流暢簡(jiǎn)潔,清晰明了,消除了多余的視覺噪音。不僅如此,VisionOS還追求純粹的用戶體驗(yàn),通過(guò)減少不必要的元素和干擾,讓用戶專注于核心操作,提升操作效率。這種簡(jiǎn)約與純粹的設(shè)計(jì)風(fēng)格將成為未來(lái)設(shè)計(jì)的主流趨勢(shì)之一。

二、智能與個(gè)性化(Intelligence and Personalization)
VisionOS具備強(qiáng)大的人工智能能力,能夠根據(jù)用戶的喜好、習(xí)慣和行為智能化地提供個(gè)性化的體驗(yàn)。系統(tǒng)能夠自動(dòng)學(xué)習(xí)用戶的偏好,為其呈現(xiàn)符合其興趣和需求的內(nèi)容和功能。這種智能與個(gè)性化的設(shè)計(jì)趨勢(shì)將成為下一代設(shè)計(jì)的關(guān)鍵。

三、自然與無(wú)縫(Natural and Seamless)
VisionOS注重自然與無(wú)縫的交互體驗(yàn)。系統(tǒng)借助先進(jìn)的技術(shù),如語(yǔ)音識(shí)別、手勢(shì)控制等,使用戶能夠以更自然的方式與設(shè)備進(jìn)行交互。同時(shí),系統(tǒng)還能夠?qū)崿F(xiàn)多設(shè)備之間的無(wú)縫切換和互聯(lián),讓用戶的使用體驗(yàn)更加流暢和高效。

四、安全與信任(Security and Trust)
在數(shù)字化時(shí)代,數(shù)據(jù)安全和用戶信任成為設(shè)計(jì)的重要考量。VisionOS將安全性和信任度置于首要位置,采用先進(jìn)的加密技術(shù)和隱私保護(hù)措施,確保用戶數(shù)據(jù)的安全和隱私。同時(shí),系統(tǒng)提供透明的數(shù)據(jù)使用和共享機(jī)制,建立用戶與系統(tǒng)之間的信任關(guān)系。

五、可持續(xù)與生態(tài)(Sustainability and Ecosystem)
VisionOS致力于建立一個(gè)可持續(xù)的生態(tài)系統(tǒng),與不同廠商和應(yīng)用開發(fā)者合作,共同打造豐富多樣的應(yīng)用和服務(wù)。系統(tǒng)通過(guò)開放的API接口和生態(tài)伙伴計(jì)劃,促進(jìn)創(chuàng)新和合作。此外,VisionOS還積極推動(dòng)綠色環(huán)保理念,降低能源消耗和環(huán)境影響。

總結(jié):
VisionOS的設(shè)計(jì)原則包括簡(jiǎn)約與純粹、智能與個(gè)性化、自然與無(wú)縫、安全與信任,以及可持續(xù)與生態(tài)。這些原則不僅僅是VisionOS的設(shè)計(jì)理念,更是未來(lái)設(shè)計(jì)趨勢(shì)的重要方向。盡管VisionOS是一個(gè)操作系統(tǒng),但其中所蘊(yùn)含的設(shè)計(jì)思想和理念對(duì)于各行各業(yè)的設(shè)計(jì)師和從業(yè)者都具有啟示意義。掌握這些設(shè)計(jì)原則,并將其運(yùn)用于實(shí)際設(shè)計(jì)中,將有助于推動(dòng)下一代設(shè)計(jì)的發(fā)展和創(chuàng)新。

藍(lán)藍(lán)未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司

保姆級(jí)教程!用AI快速生成好看的藝術(shù)二維碼?

博博

以下是如何利用人工智能快速生成出色藝術(shù)二維碼的正式介紹:

  1. 背景介紹:二維碼是一種以方形矩陣為基礎(chǔ)的條碼圖形,廣泛應(yīng)用于信息傳遞和交互。通過(guò)結(jié)合人工智能技術(shù),我們可以快速生成具有藝術(shù)美感的二維碼,使其更加吸引人眼球。

  2. AI圖像生成:人工智能技術(shù)中的圖像生成模型可以通過(guò)學(xué)習(xí)大量的藝術(shù)作品和設(shè)計(jì)樣本,生成出與傳統(tǒng)二維碼不同的創(chuàng)意形狀和裝飾。這些模型利用深度學(xué)習(xí)算法生成獨(dú)特的紋理、顏色和圖案,以提升二維碼的藝術(shù)感。

  3. 色彩和構(gòu)圖設(shè)計(jì):AI生成的藝術(shù)二維碼可以通過(guò)選擇和調(diào)整色彩方案來(lái)營(yíng)造特定的氛圍和風(fēng)格。設(shè)計(jì)人員可以根據(jù)應(yīng)用場(chǎng)景和品牌形象,選擇合適的配色方案,并對(duì)圖像進(jìn)行構(gòu)圖設(shè)計(jì),以確保二維碼的視覺吸引力和易讀性。

  4. 自定義風(fēng)格:AI技術(shù)還使得二維碼的藝術(shù)風(fēng)格可以高度個(gè)性化和定制化。設(shè)計(jì)人員可以根據(jù)需求調(diào)整生成模型的參數(shù),以實(shí)現(xiàn)不同風(fēng)格的二維碼,如抽象、卡通、水彩等。這種個(gè)性化的設(shè)計(jì)能夠提升二維碼的獨(dú)特性和識(shí)別度。

  5. 功能保留:盡管美化了二維碼的外觀,但AI技術(shù)仍保留了二維碼的識(shí)別和解析功能。生成的藝術(shù)二維碼仍然可以通過(guò)二維碼掃描器進(jìn)行掃描和解碼,從而實(shí)現(xiàn)信息傳遞和用戶互動(dòng)的功能。

請(qǐng)注意,藝術(shù)二維碼的生成過(guò)程需要結(jié)合專業(yè)的設(shè)計(jì)技能和AI工具來(lái)實(shí)現(xiàn)最佳效果。設(shè)計(jì)人員應(yīng)快速熟悉和掌握相關(guān)工具和方法,以確保生成的藝術(shù)二維碼達(dá)到預(yù)期的效果。

通過(guò)利用人工智能技術(shù)生成藝術(shù)二維碼,我們能夠?yàn)樾畔鬟f和品牌推廣帶來(lái)更具吸引力和創(chuàng)意的方式。期待您能夠嘗試并創(chuàng)造出您的個(gè)性化藝術(shù)二維碼。

謝謝!如果您有任何其他問(wèn)題,請(qǐng)隨時(shí)向我提問(wèn)。

今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司

Midjourney應(yīng)用UI工作流

博博

mj大家都很熟悉了,但是目前很多還是在用它做海報(bào)、運(yùn)營(yíng)banner、ip等形象,那么作為UI設(shè)計(jì)如果運(yùn)用mj到工作流中,最近一直在探索這方面,目前來(lái)看背景、圖標(biāo)是可以成熟的運(yùn)用到工作流中,下面就來(lái)講講心得

先看結(jié)果,下面是我用mj生成的彈窗頁(yè)面和功能頁(yè)面,bc都進(jìn)行嘗試,感覺效果還是不錯(cuò)~

基礎(chǔ)知識(shí)

Midjourney分為很多模式,如V4\V5\V5.1\niji4\niji5等模式,先了解這些模式什么意思,直接從v4說(shuō)吧,v4之前基本用不到了;
v4:通用模式,適用于各個(gè)風(fēng)格行業(yè),但產(chǎn)出的圖質(zhì)量和細(xì)節(jié)不是好
v5:寫實(shí)模式,產(chǎn)出的圖更加風(fēng)格,更加細(xì)節(jié),風(fēng)格偏向?qū)憣?shí)
v5.1:最近剛出的模型,在v5基礎(chǔ)上產(chǎn)出的圖細(xì)節(jié)更豐富
niji4/5:產(chǎn)出的圖基本就是二次元風(fēng)格,可以想象為宮崎駿風(fēng)格,當(dāng)然加一些特殊詞也可以生產(chǎn)3d圖

生圖與喂圖

眾所周知mj可以支持生圖以及喂圖,我在工作流中兩者都進(jìn)行了使用,具體來(lái)講一下流程。
先說(shuō)生圖,就是直接拿關(guān)鍵詞輸入進(jìn)去就可以出圖了,但是這種一般都是隨機(jī)的無(wú)法達(dá)到自己想要的效果,比如下面我直接用關(guān)鍵詞生成b端圖標(biāo)以及喂圖出來(lái)的圖標(biāo)她們之間的差距;
左側(cè)是直接生成的圖標(biāo),可以看到結(jié)構(gòu)以及配色上都特別臟亂,右側(cè)通過(guò)喂圖之后就會(huì)更加干凈

常用指令/后綴

常用指令:

/imagine 要求畫圖
/describe 反向識(shí)別圖片,用于喂圖提取關(guān)鍵詞
/settings 設(shè)置參數(shù)

常用后綴:

--s 700 數(shù)值越高,越偏離描述
--q 2.5 越小出圖越快,細(xì)節(jié)也越少
-- iw 1 數(shù)值越大越偏離你喂的圖
--ar 16:9 控制比例
:: geed 4.5 圖片權(quán)重,讓生成的圖側(cè)重哪些關(guān)鍵詞
--no geed 加什么不會(huì)出現(xiàn)什么

前期設(shè)置

使用niji模式生成UI圖標(biāo)
第一行:使用niji5模式
第二行:默認(rèn)風(fēng)格化也就是 --s 值
第三行:默認(rèn)風(fēng)格
第四行:默認(rèn)

第一行:使用v5模式
第二行:默認(rèn)
第三行:默認(rèn)

實(shí)際操作

第一步:

/imagine 內(nèi)輸入下面咒語(yǔ)
A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180
一個(gè)UI界面禮盒,圖標(biāo)設(shè)計(jì),UI,迪士尼,Clay材質(zhì),亮色,3d藝術(shù),干凈背景,Oc渲染,背景為黑色,c4d,blender,3d,8k,HD

關(guān)鍵:粘土材質(zhì)、迪士尼、UI圖標(biāo)

第二步:

U1-U4對(duì)應(yīng)四張圖,可以選擇自己滿意的圖進(jìn)行放大,如果不滿意可以使用V指令,針對(duì)某一張圖在進(jìn)行生成

第三步:

使用ps或者其他軟件進(jìn)行扣圖

第四步:

進(jìn)行色彩調(diào)整

第五步:

進(jìn)行頁(yè)面融合




作者:愛吃貓的魚___
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_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)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司。

日歷

鏈接

個(gè)人資料

存檔