在當(dāng)今數(shù)字化時代，用戶界面對于一個產(chǎn)品來說是至關(guān)重要的。一個好的用戶界面可以提高用戶的使用體驗(yàn)，并提高用戶的滿意度和忠誠度。而一個簡潔的界面，如果能夠在細(xì)節(jié)方面下功夫，同樣可以讓用戶產(chǎn)生深刻的印象。本文將從設(shè)計師的角度出發(fā)，探討如何設(shè)計出一種讓用戶感覺簡潔的界面卻又充滿了細(xì)節(jié)的方法。
第一章 簡潔的設(shè)計
首先，讓我們來聊聊什么是簡潔的設(shè)計。簡潔的設(shè)計通常體現(xiàn)在以下幾個方面：
一、內(nèi)容繁瑣程度低：簡潔的設(shè)計通常會精簡掉一些不必要的內(nèi)容，使得整個界面顯得干凈利落。
二、顏色搭配簡約：顏色搭配的簡潔對于用戶使用也是非常友好的。而一些過于花哨的色彩突出的界面會讓人感覺疲憊。
三、字體簡單明了：不同的字體可以為界面帶來不同的氛圍，但是過多的字體在視覺上會感到混亂，而一個簡單明了的字體會讓界面更為清晰。
四、布局合理：簡潔的設(shè)計會考慮到布局的合理性，能夠把界面上不同的元素彼此隔離，減少干擾。
第二章 細(xì)節(jié)的處理
通過前面的探討，我們了解到了什么是簡潔的設(shè)計。接下來，我們需要在這個基礎(chǔ)上加入更多的細(xì)節(jié)，從而提高用戶體驗(yàn)。
一、微交互：微交互可以改善用戶與互聯(lián)網(wǎng)產(chǎn)品打交道的體驗(yàn)，它們通常是簡單和快速的反饋，例如按鈕按下后的動畫效果。這些微交互雖然小，但是確實(shí)能夠帶給用戶沉浸式的使用感受。
二、動態(tài)圖像：相比于靜態(tài)的圖片，動態(tài)圖像能夠讓用戶感受到更多的信息，從而更好地呈現(xiàn)出產(chǎn)品的特性。
三、交互反饋：當(dāng)用戶進(jìn)行界面上的操作時，必須有適當(dāng)?shù)姆答亖泶_認(rèn)操作已經(jīng)成功執(zhí)行或未執(zhí)行。這樣的反饋是對用戶行為的最初回應(yīng)，它決定了用戶對界面完成任務(wù)的信任度。
四、十分精致的圖標(biāo)和按鈕：當(dāng)像素越高時，細(xì)節(jié)就會變得更加明顯。因此，在設(shè)計圖標(biāo)和按鈕時，應(yīng)該采用高像素并確保圖標(biāo)的細(xì)節(jié)和構(gòu)造清晰，這樣能讓用戶有更好的使用體驗(yàn)。
結(jié)語
總之，設(shè)計一個偏簡潔卻充滿了細(xì)節(jié)的界面是一項(xiàng)挑戰(zhàn)。我們應(yīng)該嘗試從微觀的角度出發(fā)，為用戶提供盡可能優(yōu)秀的交互體驗(yàn)。同時，也應(yīng)該將自己的品味和創(chuàng)造力在這些細(xì)節(jié)上充分展現(xiàn)。最后，希望通過本文的探討，能夠?qū)ψx者在設(shè)計界面時提供一點(diǎn)啟發(fā)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
長篇文章是很多人喜歡寫作的一種方式，但對于讀者來說，閱讀長篇文章可能會非常困難。為了讓你的文章更容易被人們所理解和接受，下面給出了十項(xiàng)原則。
使用簡單易懂的詞匯能夠讓你的文章更加容易被讀者理解。避免使用晦澀難懂的詞匯和術(shù)語，這些詞匯會讓讀者感到迷惑和無助。
使用清晰的文章結(jié)構(gòu)，使得讀者可以更好地理解文章的內(nèi)容?？梢允褂么髽?biāo)題、小標(biāo)題、段落等方式，來將文章分成邏輯連貫的部分。
在長篇文章中使用段落和分點(diǎn)，有助于提高文章的可讀性。段落應(yīng)該是短小精悍的，每個段落都應(yīng)該有一個中心思想和一個明確的觀點(diǎn)。
用黑體或斜體突出重要信息，以幫助讀者更快速地了解文章的核心內(nèi)容。如果你需要提供比較詳細(xì)的信息，可以將其放在括號或引號中，以使它更加顯眼。
使用圖片和圖表可以讓你的文章更加生動、有趣，并且更容易被讀者接受。圖片和圖表應(yīng)該與文章的主題相關(guān)，并且應(yīng)該明確地展示所要傳達(dá)的信息。
按照時間順序或事件發(fā)生的順序來組織文章，可以讓讀者更好地理解主題。具體做法是，從過去到現(xiàn)在或從小到大的規(guī)模來排列內(nèi)容。
長篇文章中，避免使用過于復(fù)雜的句子和結(jié)構(gòu)。使用簡單的句子和清晰的語言，可以幫助讀者更好地理解文章。
使用簡單的格式可以提高文章的可讀性。避免使用花哨的字體和顏色，以及過多的粗體和斜體，這樣可能會讓文章看起來混亂不堪。
任何語法和拼寫錯誤都會影響文章的可讀性。仔細(xì)檢查并糾正這些錯誤，可以讓文章更加準(zhǔn)確和易懂。
如果想讓更多人了解你的文章，需要讓文章易于分享和轉(zhuǎn)載?？梢栽谖恼碌撞糠胖蒙缃幻襟w分享按鈕，或者允許其他網(wǎng)站轉(zhuǎn)載你的文章，以便更多的人能夠閱讀你的文章。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
歐美用戶的交互學(xué)習(xí)能力是指他們在與技術(shù)產(chǎn)品進(jìn)行交互時，學(xué)習(xí)和適應(yīng)該產(chǎn)品的能力。這種能力可以通過對歐美用戶使用技術(shù)產(chǎn)品的行為、反饋和心理過程進(jìn)行觀察和研究來了解。
歐美用戶的交互學(xué)習(xí)能力取決于多種因素，包括個體差異、產(chǎn)品設(shè)計、使用環(huán)境以及文化和社會因素。在這篇文章中，我們將探討這些因素是如何影響歐美用戶的交互學(xué)習(xí)能力的。
首先，歐美用戶的個體差異對交互學(xué)習(xí)能力有顯著影響。研究表明，一些用戶可能比其他用戶更快地學(xué)會如何使用一個技術(shù)產(chǎn)品。這些個體差異可能與年齡、性別、教育水平、職業(yè)背景以及先前的技術(shù)經(jīng)驗(yàn)有關(guān)。例如，年輕人、男性或技術(shù)從業(yè)者更可能比其他用戶更快地學(xué)會使用新的技術(shù)產(chǎn)品。
其次，產(chǎn)品設(shè)計對歐美用戶的交互學(xué)習(xí)能力也至關(guān)重要。一個好的產(chǎn)品設(shè)計應(yīng)該是易于使用、直觀和具有一致性的。良好的產(chǎn)品設(shè)計可以幫助歐美用戶快速學(xué)會如何使用一個新的技術(shù)產(chǎn)品。另外，產(chǎn)品設(shè)計還應(yīng)該考慮到不同的用戶需求和能力水平。例如，對于老年用戶，產(chǎn)品設(shè)計應(yīng)該更簡單、更易于理解和使用。
使用環(huán)境也是影響歐美用戶交互學(xué)習(xí)能力的因素之一。研究表明，環(huán)境因素，如噪音、光線、溫度等，可能會影響用戶的學(xué)習(xí)和注意力。在設(shè)計產(chǎn)品時，應(yīng)該考慮到這些環(huán)境因素，并采取相應(yīng)的措施來改善用戶體驗(yàn)。
文化和社會因素也對歐美用戶的交互學(xué)習(xí)能力產(chǎn)生影響。在歐美文化中，人們普遍被認(rèn)為是自主和獨(dú)立的個體，他們希望擁有控制自己行為的權(quán)利和自由。因此，在技術(shù)產(chǎn)品的設(shè)計和推廣中，應(yīng)該考慮到這些文化特點(diǎn)，并尊重用戶的自主權(quán)和個人隱私。
總之，歐美用戶的交互學(xué)習(xí)能力是多種因素共同作用的結(jié)果，其中個體差異、產(chǎn)品設(shè)計、使用環(huán)境以及文化和社會因素都對其產(chǎn)生影響。在設(shè)計和推廣技術(shù)產(chǎn)品時，應(yīng)該充分考慮到這些因素，以便提高歐美用戶的交互學(xué)習(xí)能力，并提高產(chǎn)品的用戶體驗(yàn)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
會員體系建設(shè)的價值在于以體系化機(jī)制培育用戶對產(chǎn)品的忠誠度，同時提供給高價值用戶更有價值的權(quán)益服務(wù)。百度APP DU會員體系搭建整合百度內(nèi)部資訊專欄、小說、文庫、網(wǎng)盤、咨詢、生活服務(wù)、裝扮、工具、小度學(xué)堂等多業(yè)務(wù)權(quán)益，多維度滿足用戶學(xué)習(xí)、生活服務(wù)、效率升級、個性表達(dá)、娛樂訴求深度，成為用戶留存的關(guān)鍵。
為了將百度體系下眾多跨業(yè)務(wù)權(quán)益整合為DU會員權(quán)益，搭建百度APP DU會員權(quán)益服務(wù)體系，設(shè)計從建立獨(dú)特、統(tǒng)一的品牌印記、搭建豐富高價值權(quán)益聚合新場域、對用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計3個方向開展。
一、通過獨(dú)特和統(tǒng)一的DU會員品牌設(shè)計語言建立品牌印記
1、DU會員LOGO圖形與百度體系其他業(yè)務(wù)會員差異化設(shè)計，目標(biāo)建立明確清晰印象和認(rèn)知。
LOGO圖形采用皇冠+V結(jié)合100度傾斜角度設(shè)計，與其他業(yè)務(wù)會員LOGO圖形差異化。LOGO以用戶為中心，百分百為用戶提供百度體系豐富優(yōu)質(zhì)的權(quán)益，提供尊享服務(wù)。
2、界面設(shè)計以簡潔清晰、年輕精致、豐富尊享的設(shè)計定位，從色、形、質(zhì)、構(gòu)、字多維度滲透年輕化設(shè)計語言，增強(qiáng)品牌識別性和記憶點(diǎn)，凸顯會員尊享感，搭建全新視覺體驗(yàn)。
色：清透明快、年輕活潑
視覺降噪，以高飽和高明度黃金為主色，搭配白底輔助色，強(qiáng)對比、高明度形成鮮明清晰的視效層次，頭部背景采用鎏金漸變色，整體色彩搭配給用戶年輕、確定、活潑輕快的視覺感受。
形：溫潤親和、直觀清晰
ICON圖形采用肯定包容的面型，以提升權(quán)益辨識度、圖形更大、留白更多，幫助用戶更直觀更高效區(qū)分權(quán)益類型。ICON圖形疊加部分采用毛玻璃質(zhì)感，品質(zhì)細(xì)膩精致，ICON親和明確。
質(zhì)：細(xì)膩吸睛、精致尊享
采用高光立體感材質(zhì)設(shè)計，突出會員品質(zhì)感和吸引力，增強(qiáng)會員權(quán)益獲得感。
構(gòu)：簡潔突出、清晰統(tǒng)一
卡片、圖片、按鈕超大圓角，年輕親和，內(nèi)容與卡片間距大留白，多模塊瀏覽舒適，提升頁面節(jié)奏感和呼吸感，白底與內(nèi)容形成鮮明層級關(guān)系，視覺降噪簡潔。
字：層次清晰、高辨識度
收斂字號減少層級、標(biāo)題、數(shù)字字體特殊處理展示，辨識度更高、氣質(zhì)更年輕。
二、整合百度高價值權(quán)益搭建豐富的權(quán)益聚合新場域
搭建聯(lián)合會員聚合、流暢播等高價值權(quán)益聚合場景，權(quán)益顯性化設(shè)計。采用3D元素設(shè)計，增強(qiáng)會員權(quán)益獲得感，突出會員服務(wù)品質(zhì)感和吸引力。
1、聯(lián)合會員高價值場域視覺強(qiáng)化提吸引
會員中心聯(lián)合會員模塊、聯(lián)合會員聚合和權(quán)益詳情，封面運(yùn)用3D玻璃材質(zhì)設(shè)計，強(qiáng)化聯(lián)合會員權(quán)益高品質(zhì)和吸引力。
2、會員熱門權(quán)益場域視覺品牌統(tǒng)一強(qiáng)感知
流暢播、視頻備份、裝扮（掛件、個人主頁背景、頭像、換膚）、小度特權(quán)等高價值權(quán)益，在觸點(diǎn)場景入口和開通面板中，DU會員品牌和3D元素設(shè)計顯性化，強(qiáng)化DU會員權(quán)益感知和吸引力，提轉(zhuǎn)化。
3、下沉用戶場域視覺顯性化設(shè)計
針對百度APP極速版下沉用戶，會員中心開通前打造省賺看享4大權(quán)益，視覺強(qiáng)化大標(biāo)題突出賺錢，省錢認(rèn)知，結(jié)合極速版任務(wù)系統(tǒng)和故事會，豐富權(quán)益和省錢感知顯性化設(shè)計，提升會員轉(zhuǎn)化。
三、對用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計促轉(zhuǎn)化
設(shè)計驅(qū)動前瞻構(gòu)建會員開通前、中、后支付全鏈路系統(tǒng)打法，每個環(huán)節(jié)給用戶強(qiáng)感知、易操作、快核銷的操作體驗(yàn)，強(qiáng)化會員開通和權(quán)益核銷引導(dǎo)，提升會員續(xù)費(fèi)率，做好用戶激勵和轉(zhuǎn)化。
1、開通前認(rèn)知階段-強(qiáng)感知
增價值吸引，擴(kuò)入口規(guī)模，增動效強(qiáng)引導(dǎo)提吸引，權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知。
建規(guī)范-規(guī)模化拓入口
會員滲透場景持續(xù)擴(kuò)面，統(tǒng)一和規(guī)范DU會員導(dǎo)流控件等入口模塊視覺語言，開通導(dǎo)流條、會員標(biāo)簽、會員按鈕等會員元素在百度APP主端和極速版26場景規(guī)?；瘽B透，強(qiáng)化統(tǒng)一的DU會員認(rèn)知。
增動效-強(qiáng)引導(dǎo)提吸引
會員中心權(quán)益圖標(biāo)、開通會員按鈕、運(yùn)營圖增動效提吸引，權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知，權(quán)益區(qū)打通動態(tài)圖標(biāo)配置能力，圖標(biāo)動態(tài)化擴(kuò)容提升權(quán)益感知，周年和節(jié)日大促烘托活動氛圍，提升吸引力。
2、開通中行動階段-易操作
減步長強(qiáng)優(yōu)惠促決策，動效提優(yōu)惠感知和吸引力，優(yōu)惠抵扣任務(wù)新玩法，提升優(yōu)惠感知。
支付方式前置，減支付步長
減少用戶支付的阻礙，支付渠道前置購買面板中，根據(jù)用戶操作習(xí)慣智能排序顯示常用支付方式，縮短支付步長提升轉(zhuǎn)化率。
強(qiáng)化優(yōu)惠感知，提決策效率
通過突出優(yōu)惠信息和權(quán)益豐富，增強(qiáng)吸引力，讓用戶買得值。
1）支付面板凸顯連續(xù)包月套餐和續(xù)費(fèi)信息、外露買就送附贈優(yōu)惠信息，重要信息動效設(shè)計提吸引力。
2）支付面板增優(yōu)惠抵扣模塊，任務(wù)余額抵扣會員費(fèi)用，提升優(yōu)惠感知。
3）支付增挽留彈窗外露優(yōu)惠信息，動效提優(yōu)惠感知促會員轉(zhuǎn)化率。
3、開通后留存階段-快核銷
開通后差異設(shè)計引導(dǎo)不同階段用戶核銷，突出會員獲得感。
新開通用戶-引導(dǎo)提核銷
儀式感強(qiáng)動效引導(dǎo)熱門權(quán)益核銷，沉浸式動畫引導(dǎo)秒殺，給用戶會員超值感受，帶動會員券使用率提升。
沉默用戶 - 喚醒引導(dǎo)使用
從強(qiáng)到弱交叉推送，強(qiáng)動效強(qiáng)視效引導(dǎo)高頻權(quán)益，喚起使用核銷，弱打擾Push產(chǎn)品化設(shè)計引導(dǎo)權(quán)益核銷。
臨期/過期用戶-引導(dǎo)促續(xù)費(fèi)
通過用戶已使用專屬權(quán)益與優(yōu)惠福利到期，在個人中心、掛件商城、會員中心等場景以優(yōu)惠福利、專屬權(quán)益強(qiáng)化等多手段引導(dǎo)續(xù)費(fèi)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
前言
如果你要設(shè)計以真實(shí)場景為主的banner或者主視覺，往往都會在各大網(wǎng)站圖庫里找半天，挑挑選選可能都找不到滿意的，或是容易和別人用到一樣的圖片。想要找到一張?zhí)貏e的又獨(dú)一無二的難上加難，而且自己也沒時間建模和拍攝
AI圖片的生成為這個痛點(diǎn)找到了更好的解決方案，這篇文章就是要和大家分享一下使用AI制作好用的圖庫素材照片，我將會按照真實(shí)工作場景搭配設(shè)計落地方案來和大家分享AI使用經(jīng)驗(yàn)，讓你看了就學(xué)會，學(xué)會就馬上能用
用結(jié)構(gòu)化方式思考咒語
以下需求是我設(shè)計中要用到的素材，我希望可以有一張【穿西裝并且手提公文包的男士站在摩天大樓前】的寫實(shí)照片當(dāng)作首圖，首先先想一下我們需要的素材大概畫面的呈現(xiàn)，思考的框架可以參考以下，以下內(nèi)容為了方便關(guān)鍵詞我會用中文，但是實(shí)際操作中Prompt都必須使用英語
通過結(jié)構(gòu)化思維來描述這樣就不會有遺漏，也更能使畫面完整，另外像我的英語并不是很好，就會把寫好的內(nèi)容通過Deep L或是chatgpt來進(jìn)行翻譯
關(guān)鍵詞的使用
prompt：A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style，the whole body of the figure is presented, —ar16:9
在輸入關(guān)鍵詞的時候，我通常會把重要的內(nèi)容放在前面，有時加在后面的關(guān)鍵詞不容易被機(jī)器人識別。個人的一點(diǎn)小經(jīng)驗(yàn)，在描述的最后一定要加上需要的參數(shù)，為了在后續(xù)的設(shè)計中更好適配尺寸需求，所以我選擇加上尺寸參數(shù)16:9，以下就是我通過關(guān)鍵詞生成的圖片
如果覺得結(jié)果都不滿意，可以重新用相同的Prompt再生成。AI好玩的地方就是它的隨機(jī)性，像是Promp就不建議非常詳細(xì)，因?yàn)檫@樣反而會有意想不到的優(yōu)質(zhì)圖片產(chǎn)出
機(jī)器人生成以后就要開始挑選圖片了，如果對左上的結(jié)果比較滿意，就點(diǎn)擊v1，讓機(jī)器人針對這個圖片再去生成四張新的圖片，雖然左上效果不錯，但是手部有些奇怪，所以需要通過在該基礎(chǔ)上再次生成，來挑選沒有問題的圖片
這里說明一下U（upscaler）和V(variation)的區(qū)別，U就是選擇這張圖，然后會放大這張圖片畫質(zhì)更加清晰，V則是會針對你選擇的圖片再生成四張圖，與你選擇的圖片做輕微的調(diào)整。1-4的排序?yàn)椋?是左上，2是右上，3是左下，4是右下
重新生成的左上圖可以看到手部還是有問題，但是右上那張就還不錯，可以選擇這張來用或是再重新生成一遍
prompt：A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style，shot on 16mm, —ar16:9
這里我想要換一個畫面角度，所以選擇使用【shot on 16mm】,這種通常是電影、紀(jì)錄片、廣告拍攝使用的，所以使用這個關(guān)鍵字去生成圖片畫面會有一種電影感，角度上我覺得更好一點(diǎn)。
最后說一下，我是用的版本是V5，產(chǎn)出的1024??1024高解析圖片，但是我個人感覺還是不夠清晰，所以會搭配圖片放大工具來一起使用。我常用的圖片放大工具h(yuǎn)ttp://replicate.com/sczhou/codeformer，放大效果清晰度都非常好，而且處理速度也很快，重點(diǎn)是免費(fèi)！??！直接上傳圖片無需更改任何參數(shù)，使用默認(rèn)預(yù)設(shè)清晰度絕對夠用，畫質(zhì)太高也沒有太大意義，反而會影響網(wǎng)站加載速
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
平臺一致性的問題
按鈕的位置非常重要
為什么"確定"按鈕在右側(cè)效果更好
按鈕放置在角落還是放在一起？
結(jié)論
大家好，我是西瓜～
這次我們聊一個設(shè)計知識點(diǎn)，這個知識點(diǎn)平日會被設(shè)計師忽視，因?yàn)樗^于默許，但我們應(yīng)該知道的是，很多默認(rèn)的東西也是有自身的知識結(jié)構(gòu)支撐，久而久之被人忽視了。
大家應(yīng)該都見到過彈窗、表單里的"確定"和"取消"按鈕吧，這兩個按鈕大家還記得會放在頁面中的哪個位置嗎？"確定"按鈕是完成任務(wù)的主要操作，而"取消"按鈕是輔助操作，它主要的作用是用于返回到起點(diǎn)屏幕而放棄任務(wù)。那么，根據(jù)它們的功能，最佳的按鈕順序是什么？"確定"按鈕應(yīng)該放在"取消"按鈕之前還是之后呢？
可能這時候很多設(shè)計師會按照習(xí)慣，選擇遵循一致性，采用一些常見的組件樣式進(jìn)行操作。雖然這看起來似乎是解決問題的方法，但實(shí)際上并非如此。這并沒有回答哪種位置對用戶更有效以及為什么，單純遵循已有組件并不足以讓設(shè)計師有更好的思維和主動思考的意識。
"一致性"是設(shè)計師中常用的一個詞。然而，這常常也被用作一個借口，讓設(shè)計師不深入思考用戶面臨的設(shè)計問題，如果一個設(shè)計師都不知道為什么一致性的規(guī)則存在，那么遵循這種設(shè)計慣例又有什么意義呢？
如果某種設(shè)計慣例對用戶來說是有害的，那么設(shè)計師是否應(yīng)該盲目遵循它，僅僅因?yàn)橐非笠恢滦?？體驗(yàn)極差的設(shè)計樣式和結(jié)果是否應(yīng)該因?yàn)樵O(shè)計師希望迎合大家都默認(rèn)的設(shè)計一致性而繼續(xù)存在？這其實(shí)本質(zhì)就是個問題...
現(xiàn)在網(wǎng)上有很多組建和參考，都被設(shè)計師天天借鑒和廣泛使用，因?yàn)樗鼈冞m用于用戶。但關(guān)鍵在于，設(shè)計師永遠(yuǎn)不應(yīng)該滿足于墨守成規(guī)的選擇設(shè)計的一致性，將其作為做設(shè)計的唯一理由，我們關(guān)鍵還是要理解為什么應(yīng)該以某種方式而不是其他方式來設(shè)計用戶界面。
這時候有的設(shè)計師可能會主張通過賦予操作按鈕更多的視覺重量和清晰明了的標(biāo)簽來突出界面中的操作按鈕，而不是僅關(guān)注按鈕的位置，雖然操作按鈕的視覺重量和標(biāo)簽是需要考慮的重要設(shè)計方面，但它們并不是唯一的方面。
真正一名有思想，會獨(dú)立思考的設(shè)計師會綜合考慮每個設(shè)計方面對用戶的影響，而不只是關(guān)注其中的一個方面，對于設(shè)計師來說，最難的是確定主要操作和次要操作的最佳放置方式。這就是我為什么關(guān)于"確定"/"取消"按鈕的位置進(jìn)行說明的原因。
當(dāng)我們在使用設(shè)計組建框架前進(jìn)行考慮時，你可能會開始明白哪個位置會對用戶效果更好一些，我們可以通過分析設(shè)計對用戶的影響來解決這個問題。
有些設(shè)計師認(rèn)為，將主要操作放在左側(cè)，在次要操作之前，對用戶來說更好，因?yàn)樗?，所以點(diǎn)擊所需時間更少，這看起來好像有點(diǎn)道理，但我們不能忽視一個問題，即在選擇要執(zhí)行的操作之前，用戶會查看所有選項(xiàng)，這意味著大多數(shù)用戶不會在不查看旁邊的次要操作按鈕的情況下盲目地點(diǎn)擊主要操作按鈕。
他們將首先看到左側(cè)的主要操作，然后再看右側(cè)的次要操作，然后他們會將視線轉(zhuǎn)回主要操作按鈕進(jìn)行點(diǎn)擊。這里總共涉及到三個視覺注視點(diǎn)，在多個方向上分散了用戶的注意力。
與將主要操作放在左側(cè)相比，將主要操作放在對話框的右側(cè)，將次要操作放在左側(cè)，用戶只需注視每個按鈕一次，并在主要操作按鈕上結(jié)束。這樣一來，視覺注視的數(shù)量就減少了，并且在一個方向上產(chǎn)生了更流暢的視覺流動。
用戶只關(guān)注每個按鈕一次，并最終停留在主要操作按鈕上，將主要操作放在左側(cè)可能會使用戶更容易點(diǎn)擊，但從用戶的心理過程和視覺注視速度來看，將主要操作放在對話框的右側(cè)實(shí)際上更快。
當(dāng)用戶點(diǎn)擊“取消”操作按鈕時，他們期望的是產(chǎn)品不進(jìn)行任何操作，而是將他們返回到起始屏幕位置，因此，"取消"按鈕的功能類似于"返回"按鈕。
當(dāng)用戶點(diǎn)擊“確定”操作按鈕時，他們期望產(chǎn)品進(jìn)行按鈕所表示的操作，并將他們帶到下一個屏幕。因此，"確定"按鈕的功能類似于"下一步"按鈕，將次要操作按鈕放在左側(cè)，將主要操作按鈕放在右側(cè)，可以與用戶期望的"后退"和"下一步"按鈕功能相匹配。
這類似于分頁按鈕的放置方式，將用戶帶到下一頁的按鈕位于右側(cè)，將用戶帶回先前頁面的按鈕位于左側(cè)。這種按鈕位置的安排是有效的，因?yàn)樗c用戶從左到右的閱讀和導(dǎo)航方向相吻合，其中右側(cè)是前進(jìn)方向，左側(cè)是后退方向。
對話框中的"確定"和"取消"按鈕應(yīng)該遵循類似的交互模式，因?yàn)樗鼈兊墓δ茴愃朴诜猪摪粹o，另外這種左右方向模式也是用戶熟悉的。將主要操作放在右側(cè)，將次要操作放在左側(cè)，可以使對話框按鈕對用戶更易于理解和使用。
將按鈕放置在對話框的右下角更容易被用戶點(diǎn)擊，因?yàn)檫@符合【古騰堡圖表】。在古騰堡圖表中，右下角區(qū)域是終端區(qū)域，用戶在掃視后的最終目的地。
將按鈕放在終端區(qū)域可以使用戶在視覺掃描時看到他們最后需要執(zhí)行的主要操作，這不僅改善了視覺流動，還改善了任務(wù)流程。用戶在掃視過程中不會錯過主要操作按鈕，當(dāng)他們經(jīng)過時，他們的目光會停留在上面，從而可以立即點(diǎn)擊它。
掃視對話框并采取行動變得更快更容易，因?yàn)橛脩舻哪抗庾罱K會落在主要操作按鈕上。
我們需要考慮另一個問題，那就是我們應(yīng)該將按鈕放在角落還是放在一起，當(dāng)將主要操作和次要操作放在對話框的角落時，這與左右導(dǎo)航方向相吻合，這是很好的映射。然而，由于"確定"和"取消"按鈕并不是導(dǎo)航按鈕，因此并不需要遵循方向映射，有時候這樣做可能帶來更多的弊端。
較大的視覺分離使得比較操作變得困難，并將一個操作與另一個操作隔離開來 如果產(chǎn)品頁面即將執(zhí)行用戶無法撤銷的關(guān)鍵操作，那么用戶可以看到"取消"按鈕和"確定"按鈕是很重要的。在這種情況下，"取消"按鈕的功能可能類似于"上一步"按鈕，但它更重要，因?yàn)樗洚?dāng)安全按鈕以防止任何更改。
將"取消"按鈕放置在最左下角的危險在于，由于兩個按鈕之間的視覺分離較大，可能會導(dǎo)致用戶忽略它。將"取消"按鈕與"確定"按鈕放在一起可以讓用戶更輕松地在一次注視中查看和比較這兩個操作，以選擇最佳操作。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
先問你一個問題。
拼多多、淘寶、京東這三家購物平臺，你認(rèn)為它們的區(qū)別是什么？
或者換個方式問你。
買電器你去哪個平臺？
買衣服你去哪個平臺？ 買垃圾袋你去哪個平臺？
是不是有了答案了？
沒猜錯的話， 大部分人的答案是：買電器去京東、買衣服去淘寶、買垃圾袋去拼多多。
你看，這就是一個購物心智模型，你的心里對這三家平臺已經(jīng)產(chǎn)生了固有的心智，如果讓你去京東買衣服，你會不會覺得，有些別扭？
沒錯，這就是心智模型。
百度百科對心智模型的定義是：
“深植我們心中關(guān)于我們自己、別人、組織及周圍世界每個層面的假設(shè)、形象和故事。并深受習(xí)慣思維、定勢思維、已有知識的局限?！?br />
關(guān)鍵詞是：故事、習(xí)慣、局限。
淘寶一開始就我們講了一個故事，一個萬能的集市，我們習(xí)慣在上面買衣服，但是也產(chǎn)生了局限性，那就是，當(dāng)我們想買大額電器的時候，還是會選擇京東。
我個人對心智模型的理解是：
我們內(nèi)心深處對一個事物的看法。
空口聊天多沒意思，下面舉個例子。
這是一尊陶俑，第一眼你覺得她像什么？
是不是覺得像米老鼠？
為什么？
因?yàn)樘召傅念^上的發(fā)髻和米老鼠標(biāo)志性的耳朵很像。
如果你從沒見過米老鼠，你還會覺得她像米老鼠嗎？
一定不會。
這就是心智模型，你對頭頂?shù)拇髨A形的心智是“米老鼠”，所以一旦你看到類似的形狀，米老鼠的形象就會浮現(xiàn)出來，這個發(fā)髻的形狀和你心里對米老鼠的形象產(chǎn)生了匹配。
對心智模型有沒有一點(diǎn)印象了？
下面我們接著聊。
我不想用具體的界面來聊，那樣的話太散，我認(rèn)為要想理解一個概念，最好還是從“面”的角度來說，所以下面我會舉一些商業(yè)上的案例來輔助理解。
心智模型有哪三種運(yùn)用方式？
第一種：創(chuàng)建新的心智模型
第二種：改變舊的心智模型
第三種：匹配現(xiàn)有的心智模型
可以理解成一件事情的新生、改變和延續(xù)。
下面咱們一個個來。
第一種：創(chuàng)建新的心智模型
難度指數(shù)：難啊。
記得《盜夢空間》里最難的是什么嗎？
最難的不是盜夢，而是植入一個想法。
創(chuàng)建新的心智模型有異曲同工之妙，都是讓別人內(nèi)心接收一個事物，需要刻意培養(yǎng)。
舉幾個例子。
當(dāng)年外賣剛開始的時候，家家搞補(bǔ)貼，很多時候幾乎不花錢就可以點(diǎn)外賣，后來這些福利沒有了，為啥？
因?yàn)辄c(diǎn)外賣的心智已經(jīng)培養(yǎng)好了，你離不開它了，所以平臺可以“不慣著你了”。
還有唯品會的正品低價、瑞幸一開始的星巴克平替，這些都是他們想要植入到用戶大腦中的心智。
為什么要費(fèi)勁植入一個新的想法？
因?yàn)橐坏┲踩肓?，就很難改變。
現(xiàn)在我身邊的很多朋友想買一些低價的品牌都會上唯品會，買咖啡會喝瑞幸，一旦用戶的習(xí)慣養(yǎng)成就很難改變，意味著什么？
意味著留存和轉(zhuǎn)化的成本更低了。
第二種：改變舊的心智模型
難度指數(shù)：也難。
《盜夢空間》里小李子的妻子被他植入了一個想法“你不在現(xiàn)實(shí)世界里”，當(dāng)他和他妻子回到現(xiàn)實(shí)世界后，他妻子仍舊認(rèn)為自己不在現(xiàn)實(shí)世界里，這個被植入的想法已經(jīng)根深蒂固，很難改變。
所以改變舊的心智也不簡單。
例如小米最初主打極致性價比，后來想往高端路線走，很難，大家心里已經(jīng)認(rèn)準(zhǔn)了小米就是“性價比之王”，也就是你的產(chǎn)品不僅要好還要便宜。
這就導(dǎo)致小米一漲價，大家就罵他們忘了初心……所以小米拆分出了紅米主攻性價比，小米往高端發(fā)展，但是仍舊很難。
拼多多的百億補(bǔ)貼也是一樣的道理，一開始的砍一刀深入人心，大家對拼多多的心智已經(jīng)成型：便宜，質(zhì)量一般。拼多多想改變這個心智，推出百億補(bǔ)貼，并承諾假一賠十，就是想告訴大家，我拼多多，也是有正品好貨的。不過，效果嘛，見仁見智。
第三種：匹配現(xiàn)有的心智模型
難度指數(shù)：相對簡單。
其實(shí)匹配現(xiàn)有的心智模型，是相對最簡單的方法，市場已經(jīng)幫你把用戶習(xí)慣培養(yǎng)好了，你直接使用，那肯定事半功倍，省時省力啊。
舉個例子，大家最近有關(guān)注小米的 13 Ultra 嗎？
小米和徠卡聯(lián)合研發(fā)的，主打徠卡調(diào)色的相機(jī)。
我有一個同事就直接把手里的微單換成了 13 Ultra ，因?yàn)榕恼兆銐蚝每炊冶銛y。
這里不是要推銷手機(jī)啊，是想讓你們了解 13 Ultra 是個什么東西。
然后給大家看看它的手柄（一個配角，可以拆卸）。
是不是有些熟悉？
和相機(jī)像不像？
這個手柄就是沿用了相機(jī)的心智模式。
小結(jié)一下：
心智模型有3種用法：
新建：創(chuàng)建新的心智模型
改變：改變舊的心智模型
延續(xù)：匹配現(xiàn)有的心智模型
下面聊聊，咱們怎么做才能更加匹配用戶的心智模型？
同樣的，我不會拿具體頁面來舉例，還是希望把思考方式分享給大家，而不是某一個頁面的設(shè)計。
要想匹配用戶的心智模型其實(shí)就三步：
了解業(yè)務(wù)、了解用戶、競品調(diào)研。
或者可以這么說， 在懂業(yè)務(wù)、懂用戶的基礎(chǔ)上，還要了解行業(yè)內(nèi)的通用做法。
1）了解業(yè)務(wù)
一定要了解業(yè)務(wù)，為什么？
因?yàn)楹玫脑O(shè)計方案千千萬，但是匹配你的業(yè)務(wù)的方案才是好方案，如果不了解業(yè)務(wù)，可能設(shè)計出來的方案就是自嗨，例如網(wǎng)上很多的dribble風(fēng)設(shè)計。
又比如說手機(jī)瀏覽器一般都把搜索框放到屏幕頂部，而夸克瀏覽器卻把搜索框放到了下面。
為什么？
因?yàn)榭淇讼胪品瓊鹘y(tǒng)的瀏覽器，想打造一款更年輕更好用的瀏覽器，把搜索框放到下面也是滿足他們的業(yè)務(wù)訴求，現(xiàn)在手機(jī)屏幕越來越大，搜索框放在下面手指操作更加方便。
所以，一定要先去了解業(yè)務(wù)。
拼多多和淘寶同樣都是電商平臺，可它們的用戶心智相差甚大，因?yàn)樽詈蠓桨冈O(shè)計是服務(wù)于最初的業(yè)務(wù)目標(biāo)的，業(yè)務(wù)不同，呈現(xiàn)的方案也不一樣，最后讓用戶形成的心智也不同。
2）了解用戶
為啥？給老人和小孩設(shè)計的界面能一樣嗎？
就拿顏色和文字來說。
小孩喜歡高飽和、豐富的顏色，而老人則需要考慮在各種場景下都能看得清楚信息的顏色。
小孩喜歡圓潤的卡通字體，而老人需要識別度更高的字體，更大的字號。
不同的用戶，采用的設(shè)計一定是不同的，只有了解了他們的喜好和痛點(diǎn)，才能做出符合他們心智模型的設(shè)計。
3）競品調(diào)研
為啥要競品調(diào)研呢？
因?yàn)楦偲泛臀覀兊漠a(chǎn)品類似，那么意味著用戶大概率重合度也高，甚至業(yè)務(wù)上都有一定相似度，那么意味著，競品的方案，大概率是經(jīng)過市場驗(yàn)證的符合用戶心智模型的方案。
你看，既然競品已經(jīng)給咱們打了個樣，為何還要自己悶頭造輪子呢？
咱們目的是解決問題，又不是為了證明自己很厲害。
但是，不要誤解，我不是說照著競品抄，而是取長補(bǔ)短，所以不僅要調(diào)研，還要分析，分析就是把競品的優(yōu)劣勢找出來，好的地方咱們可以酌情借鑒，不好的地方，咱們也要避個雷嘛。
好了，小結(jié)一下，要想匹配用戶的心智模型，一定要了解業(yè)務(wù)、了解用戶，還要做競品調(diào)研了解市場的通識性做法。
以上。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
一、弧形輪播的 Banner 圖設(shè)計
在移動端 Banner 圖通常以左右輪播居多，也有個別產(chǎn)品會在輪播形式上創(chuàng)新，比如上下輪播、分層輪播、漸隱輪播、Z 軸輪播等。
最近在體驗(yàn)態(tài)棒 App 時，其 Banner 圖采用弧形輪播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率，有助于展示更多推薦商品，直觀的表達(dá)也使得商品更加突出。自動輪播類似于滾動的櫥窗，表現(xiàn)形式非常新穎，帶給用戶更好的感官體驗(yàn)。
二、默認(rèn)頭像的多種預(yù)設(shè)選擇
隨著產(chǎn)品感官體驗(yàn)的提升，很多產(chǎn)品在默認(rèn)頭像的設(shè)計層面變得更豐富，不一定需要用戶上傳照片，自定義的選擇也更靈活。
除了通過 IP 形象強(qiáng)化默認(rèn)頭像的視覺感以外，最近在使用智行火車票 App 時，其默認(rèn)頭像以矢量插畫風(fēng)為主。用戶進(jìn)行頭像設(shè)置時無需上傳照片，產(chǎn)品提供了多個默認(rèn)頭像，方便用戶根據(jù)自己的喜好作出預(yù)設(shè)。多種預(yù)設(shè)讓自定義選擇更靈活，也能讓默認(rèn)頭像更美觀，提升用戶對產(chǎn)品的好感度。
三、趣味性的心情打卡設(shè)計
對于職場人來說壓力是難以避免的，總會遇到一些煩心的事或者壓力，就會因此影響我們的情緒。我們要試著釋放壓力，治愈我們的情緒才能迎接美好的明天。
最近體驗(yàn)到一個幫你記錄心情，治愈心事的產(chǎn)品-歲歲。整個產(chǎn)品設(shè)計風(fēng)格清新可愛，看著就有種治愈感?？梢詫ψ约寒?dāng)前的心情進(jìn)行打卡，類似于儀表盤一樣的心情打卡設(shè)計也是趣味性十足，表情設(shè)計風(fēng)格非常可愛，哪怕是不開心也能通過這樣趣味性的打卡形式而治愈。設(shè)計風(fēng)格觀賞性很高，值得大家體驗(yàn)。
四、五一主題氛圍設(shè)計
眾多產(chǎn)品都會在五一假期期間進(jìn)行系列主題活動，如何充分利用好當(dāng)前布局結(jié)構(gòu)，是產(chǎn)品設(shè)計師進(jìn)行設(shè)計發(fā)揮的關(guān)鍵。
在五一期間使用嘀嗒出行 App 時，多個主界面結(jié)合了五一主題氛圍設(shè)計，青春活潑的插畫風(fēng)渲染出歡快的節(jié)奏。整個界面被裝扮得非常有氛圍感，既傳播了主題活動，也帶給用戶非常新穎的視覺享受。
五、場景化的積分兌換設(shè)計
為了提高用戶黏性，通過簽到積分、消費(fèi)積分、任務(wù)積分等，再結(jié)合積分兌換提高用戶參與度，是提升黏性轉(zhuǎn)化的有效形式。
麥當(dāng)勞 App 在積分兌換的設(shè)計中結(jié)合了兌換套餐的實(shí)物照片，讓用戶對于兌換商品更有直觀感受。也可以切換不同積分兌換的差異，提高用戶參與積分的積極性。通過場景化的積分兌換設(shè)計，不僅提高用戶參與度，設(shè)計感官度也非常棒。
六、動態(tài)賣點(diǎn)強(qiáng)化關(guān)注度
需要強(qiáng)化功能的關(guān)注度時，除了在視覺表現(xiàn)層體現(xiàn)差異以外，動靜結(jié)合也能起到突出作用。
比如智行火車票 App 首頁設(shè)計中，以動效的形式演變賣點(diǎn)，以此突出酒店欄目。動效表達(dá)的形式形成動靜對比，以差異化的形式突出業(yè)務(wù)重點(diǎn)，提高用戶的關(guān)注度。
七、播放按鈕的品牌氛圍營造
越來越多的產(chǎn)品開始注重立足于品牌的設(shè)計，強(qiáng)化品牌曝光度和產(chǎn)品差異化，品牌基因的融入可以一舉多得。
最近在使用汽水音樂 App 聽歌時，播放按鈕暫停狀態(tài)背景會有氣泡漂浮，還原了汽水帶給用戶的視覺感。通過小小的動效表達(dá)不僅強(qiáng)化了品牌感，也提高了播放按鈕的點(diǎn)擊欲，帶給用戶不錯的感官體驗(yàn)。
八、登錄設(shè)計中的動態(tài)背景
登錄已經(jīng)逐步成為體驗(yàn)產(chǎn)品的必備步驟，很多產(chǎn)品都需要用戶登錄才可以體驗(yàn)，如何提高用戶的登錄意愿度變得至關(guān)重要。
吃貨筆記 App 在登錄設(shè)計中采用動態(tài)背景增強(qiáng)視覺感，有種炫酷的感覺。動態(tài)背景結(jié)合炫酷的圖形設(shè)計，營造出不錯的氛圍感，以此降低登錄帶來的排斥感，提高用戶登錄體驗(yàn)產(chǎn)品的意愿度。
九、導(dǎo)航結(jié)束的人性化設(shè)計
導(dǎo)航算是這個時代最便民的工具之一，讓大家的出行更便捷和安全。隨著導(dǎo)航產(chǎn)品的不斷完善，使用體驗(yàn)也越來越人性化。
五一期間使用高德地圖導(dǎo)航時，抵達(dá)目的地結(jié)束導(dǎo)航的設(shè)計中，會根據(jù)目的地屬性進(jìn)行場景表達(dá)。比如目的地是古鎮(zhèn)類景區(qū)，會以古鎮(zhèn)代表的圖標(biāo)設(shè)計替代默認(rèn)圖標(biāo)，也會顯示景區(qū)購票信息，方便用戶進(jìn)行購票和了解相關(guān)信息。結(jié)合場景打造人性化的設(shè)計，讓用戶時刻感受到產(chǎn)品的溫度。
十、不一樣的點(diǎn)贊設(shè)計
點(diǎn)贊設(shè)計已經(jīng)很普遍，通常以伸大拇指和愛心圖標(biāo)為主，點(diǎn)擊變化過程中也會結(jié)合動效和衍生設(shè)計。
最近在體驗(yàn)歲歲 App 時，在樹洞欄目中點(diǎn)贊設(shè)計采用動效結(jié)合卡通形象。點(diǎn)贊時以動效表達(dá)卡通形象送愛心的過程，呈現(xiàn)出不一樣的點(diǎn)贊效果，帶給用戶差異化的點(diǎn)贊體驗(yàn)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
這個頁面第一眼最突兀的地方首先是“知道了”這3個字，因?yàn)樵谶@個界面中，橙色產(chǎn)品色，而突然出現(xiàn)的藍(lán)色會讓你覺得特別醒目，所以我們第一眼會看到這三個字以及這一行的內(nèi)容，這里只涉及到了UI層面上的視覺表現(xiàn)就可以將用戶的注意力吸引過來，但提示欄的視覺優(yōu)先級并不應(yīng)該設(shè)計的這么高。
這里的業(yè)務(wù)規(guī)則是，用戶必須將保險內(nèi)容全部瀏覽完才可以進(jìn)入到下一階段，也就是說一共4頁內(nèi)容，如果你在擊下方的checkbox或者下一步時時，內(nèi)容沒有定位在4/4的分頁狀態(tài)時，就會被判定沒有閱讀完保險內(nèi)容。但是這里的文案只是告訴用戶，請向下滑動瀏覽全部內(nèi)容。
底部有3個條款按鈕，在視覺表現(xiàn)上是3個統(tǒng)一樣式的幽靈按鈕，點(diǎn)擊后會出現(xiàn)彈窗讓用戶閱讀條款內(nèi)容，并在一定時間內(nèi)允許關(guān)閉，用戶點(diǎn)擊閱讀完后樣式不變，但這里的規(guī)則是必須閱讀條款且全部閱讀。
必須閱讀完三個條款與說明，才可進(jìn)入下一步。所以這里就會出現(xiàn)多種問題，比如用戶閱讀完保單內(nèi)容但沒有注意到中間的條款按鈕，在視覺沒有給出“必讀”的意符的情況下，用戶會先點(diǎn)擊下一步，但是被告知需要閱讀條款，用戶點(diǎn)擊閱讀完第一條條款，認(rèn)為自己已經(jīng)完成要求后繼續(xù)點(diǎn)擊下一步，但發(fā)現(xiàn)需要閱讀完三個條款才能完成要求。
這樣的交互與信息設(shè)計讓用戶在該頁面的操作效率大幅度下降，所以面對這種情況，我們是否可以用一些交互優(yōu)化的手段來解決這些問題呢？在選擇策略和方案之前，我們需要思考一些問題：
1.條款的必讀性、風(fēng)險控制
2.效率與法律責(zé)任的權(quán)衡
3.面對多文本、文檔的操作、閱讀的便利性
其實(shí)這些問題一部分是業(yè)務(wù)規(guī)則，如果業(yè)務(wù)上的要求不是必須的那么在效率上的操作空間就會比較大。比如我們經(jīng)?？吹降臈l款和說明的閱讀，幾乎沒有人會去全部一字不落的看完，但是為了讓用戶充分了解條款、協(xié)議的內(nèi)容，以防后續(xù)帶來的風(fēng)險，現(xiàn)在產(chǎn)品的設(shè)計策略就是給用戶一個5秒的閱讀倒計時，倒計時結(jié)束前無法關(guān)閉彈窗，但說實(shí)話這種設(shè)計也是雞肋的很，不想看的人你給60秒也不會去看，想看的人不設(shè)計倒計時也會很仔細(xì)的看。所以現(xiàn)在很多產(chǎn)品也做了簡化處理，例如在這個保險條款的交互方式中，我們也可以這樣設(shè)計。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個欄里方便用戶操作，想看自己點(diǎn)，不想看就直接勾選后下一步即可。
關(guān)于風(fēng)險揭示、知曉以及同意協(xié)議這個步驟有很多種做法，還有下方的3種例子：
1.將所有風(fēng)險平鋪?zhàn)層脩艄催x并同意，這樣的方式比做在一個模塊里打鉤其實(shí)形式上是一樣的，因?yàn)槎伎梢匀x后確認(rèn)，一種同構(gòu)異型的做法。將風(fēng)險需知面積展示的更多，希望用戶能對其重視，但是為了效率起見還是做了一個全選，也是在形式上尊重了“風(fēng)險”。
2.用標(biāo)簽選擇的形式將合同、條款披露給用戶，這種形式在本質(zhì)上也和上面的差不多，甚至很多用戶可能不回去點(diǎn)第二個標(biāo)簽。
3.現(xiàn)在很多產(chǎn)品因?yàn)檎叩年P(guān)系都會在登錄頁面中加上用戶協(xié)議和隱私政策的說明，需要用戶自己去點(diǎn)擊，很多用戶都覺得在登錄前點(diǎn)擊該協(xié)議非常的麻煩，有時也會忽略，所以一些聰明的產(chǎn)品就在用戶點(diǎn)擊登錄后再彈出彈框讓用戶同意該協(xié)議。
最后，話又說回來，領(lǐng)導(dǎo)非讓用戶點(diǎn)擊完3個按鈕，才可以點(diǎn)擊下一步，該怎么設(shè)計呢？首先在視覺樣式層面，用常規(guī)的色塊、線條樣式的按鈕肯定是不行的，因?yàn)樵谶@里我們要考慮幾個點(diǎn)：
1.如何讓用戶知道這3個條款是必須點(diǎn)擊閱讀的
2.讓用戶知道只有全部閱讀完才可以進(jìn)行下一步。所以做成常規(guī)按鈕，用戶無法知道該點(diǎn)哪個，先點(diǎn)哪個，要點(diǎn)幾個。
那可以做成勾選嗎？也不行，感覺比做成按鈕還要離譜。
那我們可以考慮這樣做，在這個步驟中也無法單獨(dú)將閱讀條款列為一個界面，所以只能繼續(xù)在頁面下方用列表的形式讓用戶去閱讀。通過這樣的設(shè)計可以讓用戶明確我該點(diǎn)哪個，哪個還沒有閱讀，當(dāng)用戶沒有完成閱讀要求時，底部按鈕置灰。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計公司。
藍(lán)藍(lán)設(shè)計的小編 http://www.ieapo.cn