注:本文圖片均由midjourney生成
在UX設(shè)計(jì)的背景下,這項(xiàng)技術(shù)有可能被用來幫助設(shè)計(jì)師快速為設(shè)計(jì)概念生成視覺創(chuàng)意。例如,設(shè)計(jì)人員可以輸入所需用戶界面的描述,并使用文本到圖像生成工具(如Midjourney)生成該界面的多種變體。這可以幫助設(shè)計(jì)人員探索不同的設(shè)計(jì)選項(xiàng),并為給定的設(shè)計(jì)問題確定最有效的解決方案。
UX設(shè)計(jì)中途生成的另一個潛在用途是創(chuàng)建更詳細(xì)和準(zhǔn)確的用戶角色。通過輸入有關(guān)用戶目標(biāo)、動機(jī)和行為的信息,設(shè)計(jì)師可以使用Midjourney來創(chuàng)建該用戶的視覺表示。這可以幫助設(shè)計(jì)師更好地了解他們的用戶并創(chuàng)造更有效的用戶體驗(yàn)。
什么是UX設(shè)計(jì)師?
UX設(shè)計(jì)師是用戶體驗(yàn)設(shè)計(jì)師。他們負(fù)責(zé)設(shè)計(jì)和改善產(chǎn)品或服務(wù)的用戶體驗(yàn)。這通常涉及進(jìn)行用戶研究,創(chuàng)建線框和原型,以及測試設(shè)計(jì)以確保它們有效且易于使用。UX設(shè)計(jì)師致力于確保他們正在設(shè)計(jì)的產(chǎn)品直觀,用戶友好,并為用戶提供積極的體驗(yàn)。
使用midjourney進(jìn)行用戶體驗(yàn)設(shè)計(jì)
最近,人工智能藝術(shù)家和產(chǎn)品設(shè)計(jì)師戴維斯·泰勒·布朗(DavisTaylorBrown)在推文中講述了他如何使用Midjourney創(chuàng)建一些人工智能生成的UX設(shè)計(jì)。這啟發(fā)了極客號進(jìn)一步探索這個話題,以了解它實(shí)際上是否可行。
作為一個實(shí)驗(yàn),我使用Midjourney來模擬WeirdWonderfulai.art的網(wǎng)站設(shè)計(jì)想法,我得到的一些結(jié)果非??帷N蚁矚g它提出的布局理念和配色方案。
提示詞:TravelappbyDavisTaylorBrown
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=”http://www.w3.org/1999/xlink” width=”19px” height=”24px” viewBox=”0 0 19 24″ version=”1.1″ class=”lock-img”>剩余65%的圖文內(nèi)容打賞作者后可查看<button onClick=”dashangToggle()” class=”dashang”>打賞聯(lián)系客服
微信掃碼打賞作者
金額:5元好的內(nèi)容,值得贊賞!打賞后不支持退款! 聯(lián)系客服 掃描下方二維碼關(guān)注公眾號“站長資訊”,及時聯(lián)系客服解決。請把【打賞記錄詳情】截圖給客服,同時把您打賞的文章【網(wǎng)址】發(fā)給客服??头?4小時內(nèi)把完整文章內(nèi)容發(fā)送給您。(客服在線時間為周一至周五9:00-11:30 14:00-17:30) span.cprice { color: #ee2222; } .pcontent { overflow: visible } .markdown { position: relative; text-overflow: ellipsis; word-wrap: break-word; padding-bottom: 160px } .trancent_block { background-color: #fff; opacity: 0; filter: alpha(opacity=0) } .carousel_collapsed_layer { display: block; width: 100%; height: 110px; position: absolute; bottom: 180px } .bg-gradient-white, .bg-gradient-snow { background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 67%); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fff 67%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00ffffff’,endColorstr=’#FFffffff’,GradientType=0) } .reward-partial.reward-partial-mask { margin-top: 0px; width: 100%; z-index: 1000; position: absolute } .need-purchase { } .line-sperator { width: 100%; position: relative } .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header-item .line-sperator { width: 100%; border-bottom: 1px solid #EDEDED; position: relative } .header-item .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff } .header-item .line-sperator .lock-img-div .lock-img { width: 20px; height: 32px } .body-item .tip-one { margin-top: 19px; font-size: 14px; color: #FF7055; line-height: 23px; text-align: center } .login-partial { position: relative; text-align: center } .hide_box { z-index: 999; filter: alpha(opacity=20); background: #000; opacity: 0.2; -moz-opacity: 0.2; left: 0; top: 0; height: 99%; width: 100%; position: fixed; display: none } .shang_box { width: 340px; height: auto; padding: 20px 20px 40px; background-color: #fff; border-radius: 10px; position: absolute; z-index: 1000; left: 210px; bottom: 100px; display: none; box-shadow: 0 3px 14px 0 rgba(199,209,215,.4) } .shang_box:after, .shang_box:before { content: ” “; display: block; position: absolute; left: 160px; width: 0; height: 0 } .shang_box:after { bottom: -8px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box:before { bottom: -9px; border-top: 8px solid #eaeeef; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box img { border: none; border-width: 0 } .dashang { position: relative; margin: 40px auto 0; height: 44px; width: 124px; font-size: 16px; box-shadow: 0 10px 20px rgba(255,96,96,.4); border-radius: 22px; background: #ee2222; color: #fff; transition: all 0.3s; outline: none } button:focus { outline: none !important } .dashang:hover { opacity: 0.8; padding: 8px 15px; font-size: 18px } .dashang-text { margin-top: 10px; opacity: .5; display: block; text-align: center; line-height: 30px; font-size: 14px; color: #303030 } .shang_close { float: right; display: inline-block } .shang_logo { display: block; text-align: center; margin: 20px auto } .shang_tit { width: 100%; height: 65px; text-align: center; line-height: 66px; color: #a3a3a3; font-size: 16px; padding-top: 15px } .shang_tit p { color: #27282d; text-align: center; font-size: 16px; margin-left: 20px } .shang_payimg { width: 160px; border: 6px solid #fff; margin: 0 auto; border-radius: 3px; height: 160px } .shang_payimg img { display: block; text-align: center; width: 148px; height: 148px } .shang_paytxt { font-size: 14px; line-height: 20px; color: #27282d; margin: 10px 0 } .shang_info { clear: both } .shang_info { color: #C3C3C3; text-align: center; font-size: 12px; text-decoration: none; line-height: 2em } .success-contact { position: relative; width: 100% text-align: center; } .cbtn { margin-top: 1rem; font-size: .875rem; –tw-text-opacity: 1; color: rgb(141 148 153 / var(–tw-text-opacity)); opacity: 0.75; } .cbtn:focus { outline: 2px solid transparent; outline-offset: 2px; } .contact-wrapper { position: absolute; left: 0px; bottom: 2.25rem; font-size: .815rem; } .contact-wrapper_info { position: relative; background-color: #fff; padding: 1rem 0 0 0; line-height: 1.5rem; color: #71787e; } span.text-orange-400 { color: #f59e0b; } .contact-wxcode { width: 140px; height: 140px; margin: 1.5rem auto 0; }