国产乱子伦无码视频免费,人人妻人人澡人人爽国产一区,97精品人妻系列无码人妻,久久99精品久久久久婷婷

首頁

如何用Midjourney制作繪本和漫畫?|蘭亭妙微UI設(shè)計公司

濤濤

如何用Midjourney制作繪本和漫畫?|蘭亭妙微UI設(shè)計公司

要快速學(xué)習(xí)如何使用Midjourney制作繪本和漫畫,以下是一個包含六個章節(jié)的指南,每個章節(jié)提供了相關(guān)的關(guān)鍵信息和實踐經(jīng)驗。
章節(jié)一:介紹Midjourney 在這個章節(jié)中,我們將對Midjourney進行介紹。解釋什么是Midjourney,它是一個基于云端的創(chuàng)作平臺,專注于繪本和漫畫創(chuàng)作。了解Midjourney的特點和功能,以及它為用戶提供的工具和資源。這個章節(jié)還可以提供Midjourney的優(yōu)勢和使用場景的案例分析。
章節(jié)二:準備創(chuàng)作 在開始使用Midjourney之前,需要進行一些準備工作。這個章節(jié)將介紹如何選擇合適的創(chuàng)作主題和故事情節(jié),并提供一些創(chuàng)作靈感的方法。還可以討論如何進行角色設(shè)計和場景構(gòu)建,以及選擇合適的色彩和風(fēng)格,這些都是創(chuàng)作繪本和漫畫的重要組成部分。
章節(jié)三:使用Midjourney創(chuàng)作工具 Midjourney提供了一系列強大而易用的創(chuàng)作工具,用于制作繪本和漫畫。這個章節(jié)將介紹如何使用Midjourney的繪畫工具,包括繪制和填色技巧,使用不同的畫筆和筆刷效果,以及添加特效和紋理等。還可以探討如何利用布局工具來安排頁面和板塊,以及如何添加文字和對話氣泡。
章節(jié)四:優(yōu)化繪本和漫畫布局 在這個章節(jié)中,我們將討論如何優(yōu)化繪本和漫畫的布局。介紹一些關(guān)于構(gòu)圖和視覺流程的基本原則,例如使用對角線和三分法來創(chuàng)建有吸引力的組圖。還可以討論如何使用大小比例和空白間距來平衡各個元素,以及如何掌握節(jié)奏和節(jié)制,讓讀者的閱讀體驗更加流暢。
章節(jié)五:增強故事表達能力 除了繪畫技巧,故事表達能力也是繪本和漫畫的關(guān)鍵因素。在這個章節(jié)中,我們將提供一些關(guān)于如何增強故事表達能力的建議。例如,如何運用色彩和光影來傳達情感和氛圍,如何運用分鏡和視角來強調(diào)故事重點,以及如何利用動作和姿態(tài)來表達角色的個性和情感。

章節(jié)六:分享和出版 最后一個章節(jié)將介紹如何分享和出版你的繪本和漫畫作品。探討不同的媒介和渠道,如印刷出版、電子書和在線平臺等。提供一些市場推廣和自我宣傳的技巧,幫助你將作品推向更廣闊的讀者群體。此外,還可以分享一些關(guān)于版權(quán)保護和授權(quán)的信息,以確保你的作品得到應(yīng)有的保護和價值。
總結(jié): 通過這個六個章節(jié)的指南,你可以快速了解如何使用Midjourney制作繪本和漫畫。從介紹Midjourney到準備創(chuàng)作,再到使用Midjourney的創(chuàng)作工具和優(yōu)化繪本布局,以及增強故事表達能力和分享出版,這個指南為你提供了一個全面的學(xué)習(xí)路徑,幫助你快速入門和提升在繪本和漫畫創(chuàng)作領(lǐng)域的能力。祝你創(chuàng)作愉快!
藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
藍藍設(shè)計( fmbyxs.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

如何用Midjourney制作繪本和漫畫?

濤濤

如何用Midjourney制作繪本和漫畫?


導(dǎo)語: Midjourney是一款功能強大的設(shè)計工具,專為繪本和漫畫創(chuàng)作而設(shè)計。它提供了豐富的繪畫工具、圖層管理功能和自動化工具,幫助設(shè)計師和藝術(shù)家輕松地制作出精美的繪本和漫畫作品。本文將介紹如何使用Midjourney來制作繪本和漫畫,包括工具的使用、創(chuàng)作流程和技巧等方面。
一、準備工作:

  1. 下載和安裝Midjourney:在Midjourney官方網(wǎng)站上下載并安裝Midjourney軟件,根據(jù)操作系統(tǒng)的要求進行安裝。
  2. 熟悉界面和工具欄:打開Midjourney軟件后,熟悉軟件的界面和工具欄,了解各個工具的功能和操作方式。
    二、創(chuàng)建新項目:
  3. 打開Midjourney軟件后,點擊“新建”按鈕或選擇“文件”菜單中的“新建”選項,創(chuàng)建一個新的項目。
  4. 設(shè)置畫布尺寸:根據(jù)繪本或漫畫的需求,設(shè)置畫布的尺寸和分辨率,可以選擇預(yù)設(shè)的尺寸或自定義尺寸。
    三、繪制和編輯:
  5. 使用繪畫工具:Midjourney提供了各種繪畫工具,如畫筆、鉛筆、油畫刷等,選擇適合的工具進行繪制。
  6. 調(diào)整畫筆屬性:根據(jù)需要,調(diào)整畫筆的大小、顏色、透明度等屬性,以獲得理想的繪畫效果。
  7. 使用圖層管理功能:Midjourney的圖層管理功能可以幫助你管理和組織繪畫元素,如背景、角色、文字等,可以創(chuàng)建、刪除、合并和調(diào)整圖層的順序。
  8. 添加文本和對話框:使用Midjourney的文本工具,在繪本或漫畫中添加文字和對話框,可以選擇字體、大小和樣式等屬性。
  9. 使用自動化工具:Midjourney還提供了一些自動化工具,如填充工具、選擇工具和變形工具等,可以幫助你更快速地完成繪制和編輯工作。

    四、導(dǎo)出和分享:
  10. 導(dǎo)出為圖片格式:完成繪本或漫畫后,點擊“文件”菜單中的“導(dǎo)出”選項,選擇合適的圖片格式(如JPEG、PNG等),設(shè)置導(dǎo)出的分辨率和質(zhì)量,然后保存導(dǎo)出的圖片。
  11. 導(dǎo)出為PDF格式:如果需要將繪本或漫畫打印出版,可以選擇將其導(dǎo)出為PDF格式,以保持高質(zhì)量的輸出效果。
  12. 分享作品:將導(dǎo)出的圖片或PDF文件分享給其他人,可以通過電子郵件、社交媒體或在線平臺進行分享,以展示和推廣你的作品。


五、技巧和建議:

  1. 視覺風(fēng)格的選擇:在創(chuàng)作繪本和漫畫時,選擇適合故事情節(jié)和讀者群體的視覺風(fēng)格,如卡通風(fēng)格、寫實風(fēng)格等,以增強作品的表現(xiàn)力和吸引力。
  2. 故事結(jié)構(gòu)的設(shè)計:在繪本和漫畫的創(chuàng)作中,要注意故事情節(jié)的設(shè)計和結(jié)構(gòu),包括引子、沖突、高潮和結(jié)局等,以保持讀者的興趣和吸引力。
  3. 色彩和光影的運用:運用適當?shù)纳屎凸庥靶Ч?,可以增強作品的視覺效果和情感表達,使作品更加生動和有趣。
  4. 角色設(shè)計和表情表達:繪本和漫畫中的角色設(shè)計和表情表達是非常重要的,要注意角色的形象塑造和表情的生動性,以吸引讀者的關(guān)注和共鳴。
  5. 反復(fù)修改和完善:在創(chuàng)作過程中,要不斷進行修改和完善,不斷改進繪畫技巧和故事情節(jié),以提高作品的質(zhì)量和可讀性。
    結(jié)語: 使用Midjourney制作繪本和漫畫是一項有趣而具有挑戰(zhàn)性的任務(wù)。通過熟悉工具的使用、靈活運用創(chuàng)作技巧和不斷完善作品,你可以制作出精美而富有創(chuàng)意的繪本和漫畫作品。希望本文的介紹和建議能夠?qū)δ阍谑褂肕idjourney進行繪本和漫畫創(chuàng)作時有所幫助。祝你創(chuàng)作愉快!
    藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
    藍藍設(shè)計( fmbyxs.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

聊聊Vision Pro如何徹底改變UX設(shè)計行業(yè)|蘭亭妙微UI設(shè)計公司

濤濤

聊聊Vision Pro如何徹底改變UX設(shè)計行業(yè)|蘭亭妙微UI設(shè)計公司

Vision Pro是一種先進的技術(shù)工具,可以徹底改變UX設(shè)計行業(yè)。它采用了人工智能和機器學(xué)習(xí)的技術(shù),為設(shè)計師提供了全新的設(shè)計體驗和工作流程。
首先,Vision Pro可以自動化許多繁瑣的設(shè)計任務(wù)。傳統(tǒng)的UX設(shè)計過程需要設(shè)計師手動創(chuàng)建和調(diào)整各種設(shè)計元素,耗費大量時間和精力。然而,Vision Pro可以通過分析用戶需求和行為數(shù)據(jù),自動生成符合最佳實踐的設(shè)計方案。這不僅節(jié)省了設(shè)計師的時間,還提高了設(shè)計的效率和準確性。
其次,Vision Pro擁有強大的交互設(shè)計功能。它可以模擬用戶與設(shè)計界面的交互過程,并提供實時反饋和預(yù)測。設(shè)計師可以通過Vision Pro進行交互原型的創(chuàng)建和測試,以確保設(shè)計的可用性和用戶體驗。這使得設(shè)計師能夠更好地理解用戶需求,并在設(shè)計過程中進行迭代和改進。
此外,Vision Pro還提供了豐富的設(shè)計資源和模板庫。設(shè)計師可以從中選擇和定制各種設(shè)計元素,以快速構(gòu)建出高質(zhì)量的設(shè)計作品。這不僅提高了設(shè)計的一致性和品質(zhì),還加快了設(shè)計的速度和交付時間。
最重要的是,Vision Pro通過與設(shè)計師的智能互動,不斷學(xué)習(xí)和優(yōu)化設(shè)計過程。它可以根據(jù)設(shè)計師的喜好和習(xí)慣,提供個性化的設(shè)計建議和優(yōu)化方案。這使得設(shè)計師能夠更好地發(fā)揮創(chuàng)造力,同時也提高了設(shè)計作品的質(zhì)量和創(chuàng)新性。
總的來說,Vision Pro是一種革命性的工具,將徹底改變UX設(shè)計行業(yè)。它通過自動化、交互設(shè)計、豐富的資源和智能互動等功能,提供了更高效、更準確、更創(chuàng)新的設(shè)計體驗。隨著技術(shù)的不斷進步,Vision Pro有望成為設(shè)計師的得力助手,推動UX設(shè)計行業(yè)向更高水平發(fā)展。
藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
藍藍設(shè)計( fmbyxs.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

用好關(guān)鍵詞,用AI繪畫輕松做出多巴胺配色設(shè)計!|藍藍UI設(shè)計公司

濤濤

用好關(guān)鍵詞,用AI繪畫輕松做出多巴胺配色設(shè)計!|藍藍UI設(shè)計公司

多巴胺配色設(shè)計是一種引起快樂和滿足感的色彩方案,對于畫作、設(shè)計和廣告等領(lǐng)域具有重要的影響力。本文將介紹如何利用關(guān)鍵詞優(yōu)化,并借助AI繪畫技術(shù),輕松實現(xiàn)多巴胺配色設(shè)計。讀者將了解如何選擇適當?shù)年P(guān)鍵詞,如何使用AI工具進行繪畫,以及如何運用色彩心理學(xué)原理創(chuàng)作出令人愉悅的配色方案。

來百度APP暢享高清圖片
引言:

色彩對于視覺體驗的重要性不言而喻,而多巴胺配色設(shè)計則可以進一步增強人們的愉悅感和滿足感。然而,尋找和實現(xiàn)恰到好處的多巴胺配色并不容易。本文將介紹一種運用關(guān)鍵詞優(yōu)化和AI繪畫技術(shù)的方法,幫助讀者輕松創(chuàng)作出多巴胺配色設(shè)計,激發(fā)觀者的積極情緒和情感共鳴。

一、選擇適當?shù)年P(guān)鍵詞

關(guān)鍵詞的選擇是多巴胺配色設(shè)計的第一步。關(guān)鍵詞應(yīng)該與目標情感和主題相關(guān),例如“快樂”、“活力”、“溫暖”、“激情”等。通過仔細思考和做市場調(diào)研,可以收集到一系列適合的關(guān)鍵詞。關(guān)鍵詞的質(zhì)量和廣度將直接影響后續(xù)的配色設(shè)計。

二、利用AI繪畫工具

借助先進的AI繪畫工具,如GAN(生成對抗網(wǎng)絡(luò))和圖像生成模型,可以輕松實現(xiàn)從關(guān)鍵詞到色彩方案的轉(zhuǎn)化。輸入所選關(guān)鍵詞,AI模型將通過學(xué)習(xí)和分析大量的圖像數(shù)據(jù),生成與關(guān)鍵詞情感相匹配的色彩方案。這些工具不僅可以加快設(shè)計過程,還能提供更多元化和創(chuàng)新的配色選擇。

三、運用色彩心理學(xué)原理

色彩心理學(xué)是研究色彩對人類心理和情緒產(chǎn)生的影響的學(xué)科。在多巴胺配色設(shè)計中,運用色彩心理學(xué)原理將使配色更具感染力和吸引力。例如,橙色可傳達熱情和活力,黃色可帶來快樂和活躍感,紅色可以激發(fā)激情和興奮等。理解這些原理,并將其應(yīng)用于配色方案中,能夠有效地創(chuàng)造出令人愉悅的視覺效果。

四、試驗和調(diào)整

在使用AI工具生成初步的配色方案后,通過對比、試驗和調(diào)整,不斷優(yōu)化和完善色彩組合。與觀眾進行反饋交流,了解他們的感受和喜好,并進行相應(yīng)的調(diào)整。這個過程需要靈活性和創(chuàng)造力,以確保最終達到用戶的滿意度和情感共鳴。

結(jié)論:

多巴胺配色設(shè)計是通過優(yōu)化關(guān)鍵詞和使用AI繪畫技術(shù)來實現(xiàn)的一項創(chuàng)造性工作。通過選擇適當?shù)年P(guān)鍵詞、利用AI繪畫工具、運用色彩心理學(xué)原理以及試驗和調(diào)整,可以輕松實現(xiàn)多巴胺配色設(shè)計,提升畫作、設(shè)計和廣告等領(lǐng)域。

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

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

除了繪畫,盤點 AI 未來會大放異彩的6個領(lǐng)域

濤濤

AI作為一種前沿技術(shù),正在不斷拓展其應(yīng)用領(lǐng)域。以下是AI未來可能大放異彩的六個領(lǐng)域:

  1. 醫(yī)療保健:AI有巨大的潛力在醫(yī)療保健領(lǐng)域發(fā)揮作用。它可以用于醫(yī)學(xué)影像分析、診斷支持系統(tǒng)、個性化治療方案等,提高醫(yī)療保健的效率和準確性。

  2. 自動駕駛:自動駕駛汽車是AI技術(shù)的一個重要應(yīng)用。AI可以通過感知、決策和控制系統(tǒng)來驅(qū)動車輛,提高交通安全性并改善交通流量。

  3. 金融服務(wù):AI在金融服務(wù)中有廣泛的應(yīng)用,如信用風(fēng)險評估、反欺詐檢測、投資策略和客戶服務(wù)等。AI可以通過大數(shù)據(jù)和機器學(xué)習(xí)算法來優(yōu)化金融決策和服務(wù)。

  4. 教育領(lǐng)域:AI可以為教育提供更加個性化和自適應(yīng)的學(xué)習(xí)體驗。它可以根據(jù)學(xué)生的興趣、能力和學(xué)習(xí)風(fēng)格來定制教學(xué)內(nèi)容和方法,提高學(xué)習(xí)效果。

  5. 城市規(guī)劃:AI可以在城市規(guī)劃中發(fā)揮重要作用。它可以分析大量的城市數(shù)據(jù),優(yōu)化交通流動、資源分配和環(huán)境保護,幫助建設(shè)更智能、可持續(xù)的城市。

  6. 藝術(shù)與創(chuàng)意產(chǎn)業(yè):AI已經(jīng)在藝術(shù)和創(chuàng)意產(chǎn)業(yè)取得了一些突破,如音樂創(chuàng)作、圖像生成和電影特效等。AI可以模仿人類的藝術(shù)表達,并創(chuàng)造出全新的藝術(shù)形式。

需要指出的是,AI的發(fā)展仍處于快速變化的階段,未來還有更多領(lǐng)域可能會出現(xiàn)新的應(yīng)用。因此,對于AI的應(yīng)用潛力需要持續(xù)觀察和研究。

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

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

HMI車載系統(tǒng)設(shè)計趨勢

博博

HMI車載系統(tǒng)設(shè)計原則

博博

瑟瑟發(fā)抖,UI設(shè)計也要被AI支配了么?

博博

最近 AI 繪畫越來越成熟,能做的事情也越來越多,很多同學(xué)經(jīng)常在群里或私信中問我關(guān)于對 AI 繪畫的觀點和看法,以及 AI 繪畫對 UI 設(shè)計師有什么影響,所以今天獨立寫一篇內(nèi)容,來具體討論下這個話題。
首先輸出一個太長不看版的結(jié)論:


AI 繪圖可以協(xié)作 UI 設(shè)計師更快地完成一些邊角料工作,但無法取代 UI 設(shè)計師的核心價值,不會對 UI 崗位造成大范圍沖擊……


那下面就來具體討論吧!



相信大家都有這種感覺,2022年開始,AI 繪畫突然就毫無征兆地火起來了,用火遍大街小巷來形容一點也不過分,當我走在地鐵和機場等公共場所都能隨處可見 AI 繪畫作品的展示。




其實AI繪畫這個技術(shù)一直都有,比如 OpenAi 的 Dall·E,但真正產(chǎn)生質(zhì)變的時候是從 2022 年2月 Disco Diffusion 發(fā)布以后,讓 AI 繪畫的能力得到了質(zhì)的飛躍。


隨后一些使用它創(chuàng)作的作品開始流通,且在美國的某數(shù)碼繪畫比賽中由 AI 作品獲得冠軍,徹底吸引了公眾的視線。隨后,一系列新的 AI 繪畫工具開始開發(fā)和上線,包括目前為大家所熟知的 Stable Diffusion 和 Midjourney、NovelAI。



從上線到現(xiàn)在不到1年的時間里,這些軟件都完成了多次的大版本更新和迭代,讓 AI 繪圖的能力越來越強,準確性越來越高,我們甚至很難想象再過五年以后會發(fā)展到什么可怕的地步。



除了目前已經(jīng)正式發(fā)布的繪圖工具外,還有很多新的產(chǎn)品正在熱火朝天的開發(fā)階段,如巨頭 Adobe 的 Firefly ,Stability 的新產(chǎn)品 REimagine 等。


產(chǎn)品的多樣性,差異化,以及本身的進化,為視覺設(shè)計和藝術(shù)創(chuàng)作提供了全方位的支持和可能性,也對相關(guān)行業(yè)產(chǎn)生了巨大的沖擊。


我們不得不面臨一個很現(xiàn)實的問題,AI 是不是會取代大多數(shù)插畫、設(shè)計師?


這是很有可能的,不管是從網(wǎng)上,還是認識的朋友學(xué)員那邊獲得的反饋,高度依賴插畫、場景建模的行業(yè),都在受到 AI 的劇烈沖擊,有的將接入 AI 制定成 KPI 要求全團隊 ALL IN,有的在跑通AI工作流以后直接啟動裁員進程或關(guān)閉外包渠道。


AI 的出現(xiàn)對于美術(shù)行業(yè),就像燃油車出現(xiàn)對馬車的革命,照相機的出現(xiàn)對手繪的沖擊,是非常值得思考的,因為我們或多或少也身在其中。


因為在產(chǎn)品方向,Midjourney 已經(jīng)可以通過指令生成用戶界面了,試用 ChatGPT-4 已經(jīng)可以用指令10秒創(chuàng)建一個可以操作和訪問的網(wǎng)頁,看起來未來已經(jīng)提前朝我們走來。


所以 UI 設(shè)計師是不是很快也要被取代直至消亡?



相信有長期看我們公眾號分享和公開課的同學(xué),應(yīng)該知道我一直在強調(diào),界面對于 UI 設(shè)計師的工作只是必要但占比并不高的部分,如果認為我們的工作價值僅僅是最后產(chǎn)出的視覺界面,那淘汰多數(shù) UI 設(shè)計師的方式根本輪不到 AI 來動手,按目前市面流通的前端框架和組件庫就夠了。


之所以有大量的現(xiàn)成素材、模版、組件庫,還不能淘汰 UI 設(shè)計師,原因就是整個項目設(shè)計過程中所需的變通、靈活性、抽象思維要求,是它們完全無法覆蓋的。


一個稍微成熟點的項目設(shè)計圖產(chǎn)出和交付,是需要經(jīng)過下面這個流程的:


從這個簡化的流程模型里,大家要明白專業(yè)的設(shè)計稿輸出是有 “黑箱” 加工步驟的,要在這階段,對工作的需求進行大量的研究、分析,并做出決策確定出設(shè)計目標或者方案。


在現(xiàn)代設(shè)計團隊中,直接拿到需求就做設(shè)計稿的模式是很難產(chǎn)出高質(zhì)量設(shè)計的,或者應(yīng)對更專業(yè)嚴格的要求。設(shè)計師需要在這個階段投入大量精力,盡可能提升設(shè)計產(chǎn)生的價值,減少出現(xiàn)不良影響的風(fēng)險,以及 —— 說服團隊接受當前的設(shè)計思路。


而這是 AI 繪圖完全無法實現(xiàn)的東西,我們使用 AI 繪畫僅僅是輸入做好的決策,讓它生成結(jié)果,但沒辦法通過輸入業(yè)務(wù)、需求的疑問,讓它給出一個有詳盡理由和邏輯的設(shè)計成果。


可能有同學(xué)會下意識的想到,那我們用 ChatGPT 這樣的工具,提出問題,讓它自己給出解答并直接給出繪圖指令操作繪圖工具生成界面,順帶再自己開發(fā)號產(chǎn)品,不就行了,一個人就是一個團隊,人人都是產(chǎn)品經(jīng)理終于實現(xiàn)……


這個業(yè)務(wù)模型非常合理,看起來似乎完全可以實現(xiàn)。但真的有項目經(jīng)驗的自己去思考一下,就會發(fā)現(xiàn)中間存在的問題無窮無盡。


第一點,“黑箱” 是給出問題答案的分析處理過程,ChatGPT 再怎么神通廣大,也需要我們?nèi)ソo到有效的問題和需求,它才能給你有用的答案。那么問題來了,你怎么和它描述具體的業(yè)務(wù)需求、產(chǎn)品需求、體驗問題和各類用戶痛點?


以上一篇分享為例,我們優(yōu)化 Stable Diffusion 的輸入框,光和 AI 說優(yōu)化輸入框約等于廢話,你得告訴它怎么優(yōu)化,那怎么優(yōu)化這件事不就是得去找出原產(chǎn)品問題的缺陷嘛?如果我自己去找完缺陷了,那最后畫那點圖例的工作量有什么了不起的呢?


更何況一些復(fù)雜的業(yè)務(wù),尤其是B端行業(yè),完全無法用簡單的幾句話描述清楚,要搭配各種框架圖和流程圖,光開一個業(yè)務(wù)評審和培訓(xùn)的會議,可能就要花非常長的時間。




所以該用什么形式去和 AI 描述這些抽象的信息內(nèi)容?


第二點,還是以上面案例為例,在這個輸入框中,包含很多交互的小細節(jié),輸入框內(nèi)光標的操作,鍵盤的操作邊界在哪里,輸入文字后提示關(guān)聯(lián)的邏輯,不同輸入指令類型要區(qū)分怎么和 AI 描述,全都成為問題。


所以光生成一個界面是沒有意義的,這個界面做的再好看再美觀,也不代表它有真實落地的可能,只是完成了設(shè)計工作的一小部分而已。所以看到這里是不是感覺很熟悉?和我們在追波上看到的各類飛機稿案例沒有太大的區(qū)別。


第三點,上面的模型只是一個非常簡化的流程,有過真實的項目經(jīng)驗就應(yīng)該知道流程中會有反復(fù)拉鋸的事件,需求的變動,設(shè)計稿的修改,方案的調(diào)整,這些零碎的工作去和 AI 提,你會發(fā)現(xiàn)有輸入問題的時間,可能設(shè)計早就修改完了。


尤其在最終的標注和切圖環(huán)節(jié),涉及到設(shè)計時對設(shè)計稿的制定,標注和切圖實際上有很多主觀性和經(jīng)驗化、場景化的輸出要求,它需要設(shè)計師在經(jīng)歷整個項目流程后自行判斷。


除了以上三點,還有很多其它的問題難以解決,而這些問題的總和,決定了沒有出現(xiàn)真正的人工智能之前,使用 AI 來輸出 UI 界面是一件不靠譜的事情。


只有視覺領(lǐng)域沒有前期那么多條條框框,也沒有后續(xù)一系列交付和維護需求的場景,才是 AI 真正產(chǎn)生價值和影響的方向。


用 AI 做 UI 設(shè)計不靠譜,但是不代表對UI設(shè)計師沒價值。這話聽著可能挺拗口的,但事實如此,因為在國內(nèi)的UI設(shè)計環(huán)境中,UI 設(shè)計師的工作內(nèi)容往往不局限于產(chǎn)品設(shè)計一個領(lǐng)域內(nèi)。

還包含下面這些操作:


我相信大多數(shù) UI 設(shè)計師做平面和運營設(shè)計的感受就和上墳的狀態(tài)是一樣的,上墳起碼是懷有對先人獻花,做平面和運營設(shè)計只會產(chǎn)生對自己深深的唾棄……


所以 AI 的出現(xiàn)可以很好的處理這部分的需求,比如一些雖然用處不大,但就是甲方還是老板就是想用的 3D 風(fēng)格圖標。


或者,在登陸頁用的比較濫俗的 3D 場景背景,為了這樣的東西花很長的時間去建模和渲染,投入和收益是完全不成正比的。所幸使用 AI 也可以幫助我們非常短的時間內(nèi)獲取想要的效果。


還有就是各類運營設(shè)計圖,互聯(lián)網(wǎng)運營設(shè)計和一般的品牌廣告視覺比較起來,就是對創(chuàng)意性的忽視,畫面并不需要埋伏大量的隱喻、內(nèi)涵或故事,就是單純的應(yīng)景和吸引用戶注意力,這恰恰也是 AI 最適合輸出的東西。


包括廣告 Banner、H5、啟動頁等,都可以通過 AI 快速生成一些高質(zhì)量的插畫,來替代我們自己從頭開始繪制的苦惱。


所以你看,對于我們職業(yè)價值不高的這些雜活,AI 都可以很好的去完成,而且可以肯定未來可以完成得越來越好,我們就可以節(jié)省更多的時間,不管是投入精力給體驗和交互,還是準點下班,都符合我們自身的利益。


所以,UI 設(shè)計師對 AI 的態(tài)度并不是敵視和悲觀,而是要把它當作救星和幫手,把我們從運營設(shè)計的水火中拯救出來……


不僅是觀念上的調(diào)整,掌握一定的 AI 繪制技巧也是必要的,將他們?nèi)谌氲侥阏降墓ぷ髁鞒讨?,所需投入的精力也遠遠小于你從頭開始學(xué)插畫和 3D 渲染。


相信不久的將來,UI 設(shè)計師的招聘中部分要求手繪和建模的 JD,會替換成熟練使用 AI 繪圖。




作者:酸梅干超人    來源:站酷網(wǎng)



藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 



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



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

大廠設(shè)計師的細節(jié)真不是蓋的

博博

設(shè)計做到極致注重的就是對于細節(jié)的把控力,大廠的設(shè)計師之所以比較優(yōu)秀,就是他們具備很好的細節(jié)把控力。想要提高產(chǎn)品設(shè)計的能力,發(fā)現(xiàn)設(shè)計細節(jié)和思考設(shè)計深入的能力至關(guān)重要。


最近在體驗產(chǎn)品的時候,發(fā)現(xiàn)了一些設(shè)計細節(jié)做得比較好的優(yōu)秀案例,分享給大家學(xué)習(xí)一下。




分享目錄


一、Banner 輪播轉(zhuǎn)場的品牌化

二、情感化的彈窗設(shè)計

三、最小化顯示提高空間利用率

四、動態(tài)化的設(shè)置引導(dǎo)

五、沉浸式的活動氛圍設(shè)計

六、人性化的提示設(shè)置

七、動態(tài)感知的溫度設(shè)計

八、無處不在的廣告位開發(fā)

九、主題化的圖標設(shè)計

十、新穎的卡片式設(shè)計




一、Banner 輪播轉(zhuǎn)場的品牌化


立足于品牌做設(shè)計,才能強化自身產(chǎn)品的差異化。如何在更多設(shè)計場景中融入品牌基因,是設(shè)計師需要深入思考的關(guān)鍵。


最近在使用騰訊視頻 APP 時,發(fā)現(xiàn)首頁 Banner 圖在輪播的轉(zhuǎn)場過程中,以品牌 LOGO 造型作為轉(zhuǎn)場過度。一個小小的細節(jié)強化了用戶對于品牌的記憶度,也體現(xiàn)出專屬的設(shè)計差異。




二、情感化的彈窗設(shè)計


通過彈窗設(shè)計可以提高用戶操作效率,也是傳播信息(活動/廣告)最直觀的形式。但是體驗多了用戶便會開始排斥,提高彈窗的情感化設(shè)計變得尤為重要,降低用戶的排斥感才能提高彈窗的作用。


很多娛樂影視等 APP 都會有“青少年模式”彈窗提示,抖音將彈窗視覺表達融入了精美的國風(fēng)插畫。也通過針對性的內(nèi)容作為設(shè)置的引導(dǎo),提高了用戶對“青少年模式”的深入理解,增強了體驗的積極性。


插畫的形式在彈窗設(shè)計中表現(xiàn)比較突出,比如嘀嗒出行 APP 將“推送通知”的彈窗設(shè)計運用插畫增強情感化表達。相較于生硬的表達方式用戶更能接受,通過營銷的文案引導(dǎo)用戶授權(quán),提高了產(chǎn)品的感官體驗。




三、最小化顯示提高空間利用率


對于工具型產(chǎn)品不同用戶的操作焦點不同,更多定制化的體驗才能提高用戶的操作效率。


釘釘 APP 在協(xié)作欄目中,默認展示的各類工具可以進行收起,實現(xiàn)最小化顯示。用戶可以根據(jù)使用習(xí)慣和操作方式選擇收起/展開,提高了當前空間的利用率,自定義的功能設(shè)計可以提高用戶的操作體驗。




四、動態(tài)化的設(shè)置引導(dǎo)


為了提高用戶隱私權(quán)益,手機系統(tǒng)針對產(chǎn)品調(diào)用權(quán)限進行了阻力設(shè)計,需要用戶的授權(quán)操作。提高用戶的各類功能授權(quán)就需要設(shè)計師探索,降低用戶的排斥感和提高授權(quán)的利好政策才能獲得授權(quán)。


抖音在引導(dǎo)用戶開啟通知權(quán)限的設(shè)計中,采用了動態(tài)畫面的表達來強調(diào)開啟通知的利好政策,以此來攻破用戶的心理防備。相較于生硬的彈窗提示,動態(tài)的表達和引導(dǎo)性的文案更能拉近與用戶的距離感。




五、沉浸式的活動氛圍設(shè)計


沉浸式的體驗可以帶給用戶更好的場景感,提高用戶的參與度。在活動的設(shè)計中,不斷向游戲化和沉浸式方向加強體驗,提高活動的趣味性和強化用戶參與的積極性。


騰訊視頻在情人節(jié)的互動活動設(shè)計中,就將搶紅包的活動融入到當前的界面中,紅包雨鋪滿整個屏幕,以趣味性的形式滿足用戶心理。不隔斷與界面之間的聯(lián)系,降低活動對用戶的干擾,進而提高活動氛圍感和參與度。




六、人性化的提示設(shè)置


短視頻近些年改變了大家的生活方式和娛樂形式,也有用戶容易過度依賴進而影響休息質(zhì)量。


抖音作為短視頻領(lǐng)域的頭部產(chǎn)品之一,在增強用戶體驗的同時也要起到良性的引導(dǎo)作用。當用戶刷短視頻一定時間后會彈窗提示休息,而提示時間用戶可以根據(jù)自己的實際情況進行設(shè)置,靈活的設(shè)置可以讓用戶合理分配時間。健康使用的引導(dǎo)可以讓用戶感受到產(chǎn)品的溫度,提高用戶體驗的認可度。




七、動態(tài)感知的溫度設(shè)計


天氣預(yù)報是用戶關(guān)注度較高的信息,對于溫度的感知可以讓我們出行更容易把控。在產(chǎn)品中顯示天氣情況也是一種情感化的升級,可以帶給用戶更有溫度的體驗。


利用餓了么 APP 點餐之后,首頁會顯示配送情況和當前的天氣溫度,背景以動態(tài)的天氣畫面增強視覺感知。也希望用戶可以根據(jù)天氣情況對外賣員多一份理解,加強人與人之間的寬容心,帶給用戶更強的情感化體驗。


最近在使用愛奇藝 APP 時,發(fā)現(xiàn)左上角的品牌位置也結(jié)合了天氣情況,結(jié)合頂部視覺區(qū)域的流體漸變,新增的天氣預(yù)報和品牌 LOGO 完美的通過動效過度。整個設(shè)計表達流暢自然,感官體驗也是非常值得學(xué)習(xí)的。




八、無處不在的廣告位開發(fā)


廣告是眾多產(chǎn)品實現(xiàn)流量變現(xiàn)的方式之一,廣告位的開發(fā)也是見縫插針,如何在僅有的空間增加更多廣告位,產(chǎn)品設(shè)計師也在不斷探索。


最近在使用騰訊視頻 APP 時,進入到個人中心時會默認有個下拉廣告。這個見縫插針的廣告位新增,對于設(shè)計師來說讓我感受到了廣告的無處不在,不過對于用戶來說是否會心生排斥感得通過數(shù)據(jù)去驗證。但是作為產(chǎn)品設(shè)計師這也是一個啟發(fā),將有限的空間進行深度開發(fā),還不會影響已有的結(jié)構(gòu)布局,這也是一個啟發(fā)性的案例。




九、主題化的圖標設(shè)計


圖標是產(chǎn)品中不可或缺的存在,圖標設(shè)計的研究也是設(shè)計師需要重點對待的技能范圍。精美的圖標不僅可以提高產(chǎn)品的感官體驗,也能吸引用戶的關(guān)注度,進而提高業(yè)務(wù)模塊的點擊欲。


最近在使用順豐速運小程序時,寄快遞欄目的各業(yè)務(wù)入口圖標設(shè)計非常引人注目,結(jié)合主題化的圖標設(shè)計突出了活動傳播力度。對于工具型產(chǎn)品而言,強化氛圍感可以打破用戶原有的認知,不僅可以突出活動主題,也能強化用戶對產(chǎn)品的視覺感知。




十、新穎的卡片式設(shè)計


卡片式設(shè)計已經(jīng)流行好幾年了,目前依然是非常普及的 UI 設(shè)計趨勢之一。如何進一步強化卡片式設(shè)計的創(chuàng)新度,我們需要不斷的嘗試和總結(jié)。


嘩哩嘩哩 APP 的創(chuàng)作中心設(shè)計也許是一個不錯的啟發(fā),卡片內(nèi)部右上角的視覺強化使得原本普通的表達變得更有視覺感。突出的設(shè)計也成功的吸引了 UP 主的注意力,強化了該入口的點擊欲。這樣的設(shè)計表達在保留卡片式設(shè)計的基礎(chǔ)上,也是一種新穎的視覺表現(xiàn),可以作為突出業(yè)務(wù)入口的表現(xiàn)方式進行探索。



作者:黑馬青年    來源:站酷網(wǎng)



藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 



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



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

2022追波設(shè)計流行趨勢

博博


追波年度最佳作品

追波年度最佳作品來自大家最熟悉的UI8團隊中的Tran Mau Tri Tam ?,作者來自越南西貢,最佳作品截止目前355K瀏覽量,2933個贊。


為什么看似平平無奇的作品卻能獲得追波年度最佳作品呢?既不是C端也不是純B端的作品,更像一個網(wǎng)頁與平面的結(jié)合體。如果去掉搜索圖標、分類圖標和按鈕,你可以理解它就是一個平面作品,一個字體加幾何形體構(gòu)建的作品,為了豐富畫面的層次,讓畫面更加的活潑采用了多彩加幾何色塊,讓標題閱讀有停頓感和呼吸感。faster底部的橫線讓它從標題文字中脫穎而出,這種使用線條突出重要信息的設(shè)計也是今年追波設(shè)計流行趨勢之一。


MetroUI是Windows8的界面設(shè)計語言,在2010年至2013年間曾經(jīng)風(fēng)靡一時,那也是移動互聯(lián)網(wǎng)的發(fā)展元年,現(xiàn)在國家推行實體經(jīng)濟、數(shù)字化帶動To B 、To G 的發(fā)展元年,通過幾何色塊(MetroUI)實現(xiàn)B端產(chǎn)品與C端設(shè)計風(fēng)格的傳承與銜接,你會發(fā)現(xiàn)歷史總是驚人的相似。最后背景結(jié)合今年最流行的微軟風(fēng),毛玻璃的多彩高斯模糊漸變風(fēng),年度作品當之無愧。


最后來看下按鈕的設(shè)計,正常的按鈕要么文字加色塊,要么左圖標加右文字,它設(shè)計成左文本加右圖標,更加注重信息的可讀性和易讀性,也體現(xiàn)B端設(shè)計重功能和交互體驗,視覺點到為止的設(shè)計理念。


下面我們來欣賞年度最佳作品里面的流行趨勢吧。


易讀性(停頓感)

字體三原則:可讀性、易識性、易讀性。當你同時讀一篇文言文和一篇設(shè)計文章,肯定設(shè)計文章的內(nèi)容可讀性更好。易識性是用在字體設(shè)計上,不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個位設(shè)計師都息息相關(guān),因為我們都需要編排文本。當我們小時候?qū)懽魑臅r,不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感,更加適合用戶閱讀。


通過給用戶制作停頓感來增加用戶的易讀性。可以在相關(guān)聯(lián)文本后面添加圖片、表情、圖標來更好的理解文本內(nèi)容,豐富文本內(nèi)涵。比如情侶間表達愛意時會輸入文本,“我愛你”、“我Love你”、“我ai你”、“我??你”,哪個更加會有情感共鳴呢?不言而喻,相信你心中已經(jīng)有答案了。



曲線

在標題文字上添加曲線來突出重要文案是2021追波最流行的趨勢之一,第一個設(shè)計目的就是突顯文字,其次就是想表現(xiàn)鉛筆真實書寫的感覺。之前很多帶有簽名的設(shè)計中,簽字的文本都是手寫體的感覺,手寫體對比電腦的機械字體會帶有一種人文氣息,也會讓兩者之間產(chǎn)生一種對比、矛盾。


除了突顯文本外,曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計師編排的順序進行瀏覽界面。當然還有比這更科學(xué)的工具就是眼動儀測試,通過真實用戶眼睛瀏覽界面顯示對應(yīng)的熱點圖。



多彩高斯?jié)u變風(fēng)

多彩高斯?jié)u變風(fēng)是從色彩的角度來傳達和豐富畫面的,多彩高斯?jié)u變風(fēng)其實是從制造矛盾到平衡矛盾的過程,多彩漸變多為冷暖對比來制造畫面的沖突,需要控制冷暖畫面的大小來實現(xiàn)平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。


多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新,給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上,為了更好的傳達信息需要去設(shè)計與內(nèi)容相匹配的視覺風(fēng)格。




B端界面設(shè)計


側(cè)邊欄Sidebar

B端設(shè)計的火爆帶動了B端相關(guān)模塊設(shè)計,更多的人也愿意嘗試B端相關(guān)模塊設(shè)計,側(cè)邊欄作為產(chǎn)品架構(gòu)中重要的導(dǎo)航系統(tǒng),好的側(cè)邊欄設(shè)計能為用戶帶來更好的效率。主流側(cè)邊欄都做了展開、收起、拖拽等交互效果,也是受限于PC屏幕為展示更多數(shù)據(jù)而騰空間。側(cè)邊欄主要承擔的功能有導(dǎo)航、分類、自定義篩選、共享、新增等。追波的B端產(chǎn)品設(shè)計已經(jīng)不再是假大空概念設(shè)計,而是一套實用美觀可落地的設(shè)計。



儀表盤設(shè)計

儀表盤設(shè)計是一個很好的隱喻,想象一下開摩托車或汽車主駕駛前面的屏幕,汽車儀表有燃油表、車速表、里程表、水溫表、轉(zhuǎn)速表、故障指示燈等。B端類產(chǎn)品后臺界面的儀表盤設(shè)計也需要展示一些重要的數(shù)據(jù)和各種狀態(tài),大體分為側(cè)標欄、導(dǎo)航欄、待辦任務(wù)、個人信息、報表數(shù)據(jù)、消息中心、快捷入口等。當然最重要的就是報表數(shù)據(jù),團隊收益、任務(wù)進度、轉(zhuǎn)化比例、新增、存量、團隊工作時長等都是老板或領(lǐng)導(dǎo)關(guān)心的內(nèi)容。每個公司業(yè)務(wù)不同、每個人員權(quán)限不同,自定義的儀表盤也各有差異。重要的是突顯數(shù)據(jù)和業(yè)務(wù)狀態(tài),需要分層級系統(tǒng)性去思考和設(shè)計。



流程設(shè)計

復(fù)雜的事情簡單化,簡單的事情標準化,標準的事情流程化,流程的事情自動化。流程設(shè)計是每一個企業(yè)核心功能和業(yè)務(wù),可自定義的管理流程系統(tǒng)搭建也是B端產(chǎn)品設(shè)計的難點,需要對業(yè)務(wù)高度抽象,讓每一個業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計。



B端C化

B端C化是B端產(chǎn)品設(shè)計的視覺表現(xiàn)力慢慢往C端產(chǎn)品設(shè)計的視覺靠齊,國內(nèi)B端產(chǎn)品界面設(shè)計視覺水平還有很大的提高空間。除了視覺上的提升外,由于業(yè)務(wù)的發(fā)展,B端產(chǎn)品也開始移動化、智能化,國內(nèi)主流還是通過小程序、H5來現(xiàn)實B端產(chǎn)品C端化



輕代碼化

輕代碼化是一種低代碼賦能無代碼的方式,彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時,又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個性化管理系統(tǒng),輕松實現(xiàn)多元業(yè)務(wù)場景的數(shù)字化管理。


輕代碼化將功能進行打包,升級成全局可以用的配置,技術(shù)人員配置好后,業(yè)務(wù)人員在應(yīng)用編輯時直接選擇使用模版,綁定對應(yīng)的變量即可使用。




界面設(shè)計技巧


人文氣息

為什么人加色塊的組合方式能流行起來?還是B端行業(yè)流行帶動的。B端講的更多的是企業(yè)對企業(yè)。企業(yè)對企業(yè)除了講行業(yè)解決方案外,還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現(xiàn)公司的企業(yè)文化。對于一家全球化的公司不同膚色的人物組合在一起,這種人文氣息和價值觀已經(jīng)就不言而喻了。


當然企業(yè)也需要進行營銷,抓人眼球。幾千年來的遺傳證明了,人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。


這種風(fēng)格更適合大公司,國內(nèi)的一些手機廠商OPPO、VIVO等也會通過手機+背景+人物來體現(xiàn)科技與人文的結(jié)合,而對于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。



毛玻璃效果

毛玻璃效果加大了模糊程度,透明效果更加扁平,很好的順應(yīng)當下UI扁平化的設(shè)計趨勢。蘋果Mac OS Big Sur系統(tǒng)的圖標、界面中運用了大量毛玻璃和半透明元素,界面更扁平。至于C4D三維彩色玻璃的視頻教程可以在B站搜索“透光藝術(shù)-C4D創(chuàng)建彩色玻璃的4個技法”,完全能滿足UI設(shè)計師。當然還有一個好消息就是Mac用戶可以享有OC一年免費的使用權(quán),具體安裝購買方法可以上“某寶”就可以輕松搞定,真香。




輕擬物

輕擬物這幾年一直流行,在UI設(shè)計中趨于穩(wěn)定的位置。從寫實到扁平再到輕擬物,其實是設(shè)計師們一路不斷探索的結(jié)果。本質(zhì)就是光影對形體產(chǎn)生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光(環(huán)境光)五個部分的處理。寫實三維的圖標等設(shè)計更適用于簡潔的畫面中,扁平等設(shè)計更適用于復(fù)雜一點的界面中,比如B端產(chǎn)品界面中的功能圖標。輕擬物可使用的范圍更廣,效果更佳。Sketch、Figma軟件對于漸變、高光、投影、高斯模糊處理已經(jīng)非常簡單且出彩。




簡潔設(shè)計

簡潔設(shè)計遵從了密斯·凡德羅的“少即是多”的設(shè)計原則,在B端產(chǎn)品界面中更加需要簡潔設(shè)計,我們最熟悉的Sketch軟件界面已經(jīng)是相當?shù)暮啙嵙恕;氐浆F(xiàn)實當需求功能不斷增加,產(chǎn)品界面的編排如何取舍,如何保證界面的簡潔是設(shè)計師需要深度思考的問題?如何與上級溝通?該功能是否可做可不做?是否需要埋點用數(shù)據(jù)說話?如果只是一味競品有我們就需要有,功能不斷累加只會讓界面越來越重。



幾何圖形

幾何圖形和幾何插畫有異曲同工之妙,幾何圖形多為產(chǎn)品界面和宣傳內(nèi)容的抽象,產(chǎn)品界面的幾何圖形多為占位符形式,加上色彩和幾何色塊讓其成為一個整體。B端產(chǎn)品視覺設(shè)計C端化的進程中,幾何圖形、幾何色彩不失為最好的突破口,相信今年追波B端產(chǎn)品的視覺設(shè)計一定會更上一個臺階。



幾何圖形另一個場景化的地方就是品牌,作為一名UI設(shè)計師一定會經(jīng)歷從圖標到幾何圖形到品牌設(shè)計的過程,品牌設(shè)計的技巧基本還是以幾何圖形為主,至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計的技巧對產(chǎn)品定位、品牌宣傳打下扎實的基礎(chǔ)。



暗黑設(shè)計

暗黑模式的設(shè)計是解決在微弱環(huán)境下內(nèi)容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設(shè)備時長增大,如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞,提高在夜間使用的可讀性。


在設(shè)計暗黑主題時,不能為了突顯視覺上的逼格,而去使用高飽和度鮮艷的色彩來突顯界面的品質(zhì)感。而應(yīng)該把舒適度、可讀性作為設(shè)計的衡量指標。Material Design給出了暗黑主題的設(shè)計準則,即正文和背景之間的對比度應(yīng)至少為15.8:1。按照此標準設(shè)計,可讀性都還不錯。這里介紹一個插件“Stark”(Figma、Sketch、XD、Chrome插件)用來測試界面的對比度。



模塊化(組件化)

為什么叫模塊化,而不叫組件化,組件化更多的利用原子系統(tǒng)從原子、分子、組織、模版、頁面來快速的搭建界面,但在B端產(chǎn)品設(shè)計中基礎(chǔ)組件和業(yè)務(wù)組件的搭建是以提高工作效率為前提,是否有從0到1搭建B端產(chǎn)品組件的經(jīng)歷是設(shè)計師一生中最寶貴的經(jīng)驗之一,它能提高設(shè)計師的系統(tǒng)化思維、邏輯思維和抽象思維能力。


產(chǎn)品模塊化設(shè)計就是將產(chǎn)品分成幾個部分,也就是幾個模塊,每一部分都是具有獨立功能,具有一致的連接接口和一致的輸入、輸出接口的單元,相同種類的模塊在產(chǎn)品族中可以重用和互換,相關(guān)模塊的排列組合就可以形成最終的產(chǎn)品。通過模塊的組合配置,就可以創(chuàng)建不同需求的產(chǎn)品,滿足客戶的定制需求 。




插畫

插畫作為設(shè)計的一大品類,不同的插畫師都有自己擅長的風(fēng)格,本質(zhì)是都有自己的個性,但是在產(chǎn)品設(shè)計中更多是需要共情、共性來講故事,表達產(chǎn)品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯(lián)網(wǎng)產(chǎn)品設(shè)計類的插畫風(fēng)格。設(shè)計的本質(zhì)是舊元素的重新組合,插畫不會過時,而是需要結(jié)合當下和產(chǎn)品找到最匹配的設(shè)計風(fēng)格。



幾何插畫

幾何插畫算是插畫簡化的一種表現(xiàn)形式,人和物的形態(tài)不再寫實,而是抽象成幾何圖形拼湊的感覺,同時保留人物形態(tài)的神韻。加上幾何色塊與人物交互形態(tài)的表現(xiàn),傳達出簡潔、科技的現(xiàn)代感。難點還是在人物形態(tài)的表現(xiàn)上,平時多練習(xí)練習(xí)速寫還是很有必要的。



線面插畫

線面插畫最近一兩年非常流行,準確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成,用塊面表現(xiàn)人物形態(tài)時某些結(jié)構(gòu)會表現(xiàn)不出來,這時候用線條簡單勾勒后,結(jié)構(gòu)就會清晰明了。其次當線面插畫運用在界面上時,可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時,還能保持界面的干凈整潔。




動效


微交互

界面微交互動效會讓用戶的體驗更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計,微交互和動效設(shè)計是繞不開的,UI界面設(shè)計通過微交互反饋告知用戶當前正在發(fā)生的事情,所處的狀態(tài)。細微的動效更能調(diào)動用戶情緒,取悅用戶。C端產(chǎn)品微交互和動效已經(jīng)很成熟了,一部分功勞來自iOS系統(tǒng)原生自帶的效果。B端產(chǎn)品的微交互和動效更多還是在學(xué)習(xí)海外產(chǎn)品,還需要給前端工程師灌輸微交互和動效的設(shè)計價值,共同打造產(chǎn)品體驗細節(jié)。



Mg動畫

Mg動畫需要很好的節(jié)奏感、韻律,每一個場景動畫都需要其中的元素進行連接變化,讓轉(zhuǎn)場動畫更加自然,MG人物動畫通過點線面的動效變化讓畫面更加有趣、自然,通過粒子效果讓特定場景無限循環(huán)會讓人更加印象深刻。




三維


三維圖標

MacOS Big Sur系統(tǒng)圖標的更新帶動了三維圖標的流行,三維圖標的應(yīng)該場景還是需要有較大留白空間的界面,因為三維圖標太小后就看不到更多細節(jié)。三維圖標感覺又回到了擬物化和扁平化哪個更好的問題上?設(shè)計師應(yīng)該保持開放多元的視角。設(shè)計本身也在不斷的演化融合,存在即合理。合適最重要,它們都會有適合自己的場景和設(shè)計價值。



輕三維

為什么輕三維在界面設(shè)計中占有一席之位?一個是設(shè)計師不斷追求差異化的產(chǎn)物。另一個是更好的表現(xiàn)內(nèi)容,并與用戶產(chǎn)生共鳴。輕三維的基礎(chǔ)模型都是來自手機界面中的各種元素,比如組件、開關(guān)、按鈕、占位符、圖表、幾何圖形、圖標、進度條等,這些都是用戶日常使用系統(tǒng)軟件常見的元素,通過簡單的幾何形體建?!驘艄狻硬馁|(zhì)—渲染—PS調(diào)色。難度系數(shù)不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角,結(jié)合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質(zhì)自由添加,特別是當下流行的毛玻璃效果,玻璃材質(zhì)渲染效果更佳。第三個出彩點就是可以加局部燈光,局部的漸變色或環(huán)境光更佳出彩



P4D(PS+C4D)

P4D是PS加C4D的設(shè)計表現(xiàn)技法,也是視覺設(shè)計的最后一個環(huán)節(jié),通過PS對C4D的渲染圖片進行調(diào)色,利用PS的調(diào)色技巧可以很好的解決C4D打燈光的瑕疵,還可以利用PS強大的合成功能,將渲染圖片與圖片素材進行合成,來表現(xiàn)畫面的視覺度,當然三維軟件比較難實現(xiàn)的水、粒子、煙花等效果,也可以通過PS的后期合成來實現(xiàn),這也是P4D的強大之處。



卡通IP

卡通IP設(shè)計最近三四年技術(shù)的迭代已經(jīng)慢慢的走上成熟,卡通IP也從傳統(tǒng)的純PS手繪技法,轉(zhuǎn)到C4D建?!巧壎ā狹D衣服制作—OC渲染—PS(靜態(tài))/AE(動態(tài))調(diào)色


卡通IP火的本質(zhì)更適合做營銷,相比于品牌或Slogan,卡通IP具有親和力和畫面感。隨著各種手辦行業(yè)大熱,受互聯(lián)網(wǎng)大廠影響下,卡通IP已經(jīng)是互聯(lián)網(wǎng)B輪以上公司的標配了。如果團隊中沒有這樣能力的人,也可以通過繪制好二維,一套三維可以選擇外包完成。


對于UI設(shè)計師來說學(xué)習(xí)是有成本的,暫時并不是必備技能,如果喜歡完全可以學(xué)習(xí),從設(shè)計差異化的角度來看三維視覺確實有一定的競爭力。



三維動畫

C4D三維場景動畫通過構(gòu)建實物和場景模擬生活中的現(xiàn)實場景,會讓用戶體驗真實感,三維軟件制作動效的最大優(yōu)勢是通過動力學(xué)和表達式來模擬真實感,未來在AR/VR領(lǐng)域會有更好的發(fā)展。相對于界面動效學(xué)習(xí)成本難度也相對較大。在三維動畫中C4D軟件對于域、動力學(xué)還是有一定的優(yōu)勢。

作者:水手哥。    來源:站酷網(wǎng)

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

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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://fmbyxs.cn

存檔