廣告品質(zhì)是指廣告在投放過程中的質(zhì)量和效果。提升廣告品質(zhì)可以提高廣告的點擊率、轉(zhuǎn)化率和ROI，從而獲得更好的廣告效果。本文將介紹如何快速提升廣告品質(zhì)。

一、優(yōu)化廣告創(chuàng)意

選擇合適的廣告類型

不同類型的廣告適用于不同的目標(biāo)和受眾。例如，搜索廣告適用于有明確需求的用戶，展示廣告適用于品牌推廣和影響用戶意識。在選擇廣告類型時，我們需要根據(jù)目標(biāo)和受眾選擇合適的廣告類型。

制作優(yōu)秀的廣告素材

廣告素材是廣告創(chuàng)意的核心。優(yōu)秀的廣告素材應(yīng)該具有吸引力、清晰度和可讀性。我們可以通過使用高清晰度的圖片和視頻、選擇合適的顏色和字體、突出重點和特色等方式制作優(yōu)秀的廣告素材。

優(yōu)化廣告文案

廣告文案是廣告創(chuàng)意的重要組成部分。優(yōu)秀的廣告文案應(yīng)該具有簡潔明了、突出重點和吸引人的特點。我們可以通過使用簡潔的語言、突出產(chǎn)品或服務(wù)的特點、強調(diào)用戶的需求等方式優(yōu)化廣告文案。

測試不同的廣告創(chuàng)意

在投放廣告之前，我們可以測試不同的廣告創(chuàng)意，以確定哪種創(chuàng)意最能吸引用戶的注意力和提高廣告品質(zhì)。測試可以包括A/B測試、多元測試等方式。

二、優(yōu)化廣告投放

選擇合適的廣告平臺

不同的廣告平臺適用于不同的目標(biāo)和受眾。例如，搜索引擎廣告適用于有明確需求的用戶，社交媒體廣告適用于影響用戶意識和推廣品牌。在選擇廣告平臺時，我們需要根據(jù)目標(biāo)和受眾選擇合適的廣告平臺。

選擇合適的廣告位置

廣告位置是影響廣告品質(zhì)的重要因素之一。不同的廣告位置適用于不同的廣告類型和目標(biāo)。例如，搜索引擎廣告的頂部位置可以吸引用戶的注意力，社交媒體廣告的新聞流位置可以影響用戶的意識。在選擇廣告位置時，我們需要根據(jù)廣告類型和目標(biāo)選擇合適的廣告位置。

優(yōu)化廣告投放時間

廣告投放時間是影響廣告品質(zhì)的重要因素之一。不同的廣告投放時間適用于不同的目標(biāo)和受眾。例如，搜索引擎廣告的投放時間可以根據(jù)用戶的搜索習(xí)慣和需求進(jìn)行優(yōu)化，社交媒體廣告的投放時間可以根據(jù)用戶的活躍時間和興趣進(jìn)行優(yōu)化。在優(yōu)化廣告投放時間時，我們需要根據(jù)目標(biāo)和受眾選擇合適的廣告投放時間。

優(yōu)化廣告投放地域

廣告投放地域是影響廣告品質(zhì)的重要因素之一。不同的廣告投放地域適用于不同的目標(biāo)和受眾。例如，搜索引擎廣告的投放地域可以根據(jù)用戶的地理位置和

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

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

用戶體驗（User Experience，簡稱UX）是指用戶在使用產(chǎn)品或服務(wù)時的感受、情感、態(tài)度和行為。良好的用戶體驗可以提高用戶的滿意度和忠誠度，增加產(chǎn)品或服務(wù)的使用率和市場份額。因此，打造良好的用戶體驗對于企業(yè)的發(fā)展至關(guān)重要。本文將介紹如何打造良好的用戶體驗。

一、了解用戶需求

用戶需求是打造良好的用戶體驗的基礎(chǔ)。了解用戶需求需要進(jìn)行用戶調(diào)研，包括定性和定量研究。定性研究可以通過深度訪談、焦點小組等方式獲取用戶的感受和態(tài)度；定量研究可以通過問卷調(diào)查、統(tǒng)計分析等方式獲取用戶的行為和偏好。通過用戶調(diào)研可以了解用戶的需求、痛點和期望，為產(chǎn)品或服務(wù)的設(shè)計提供依據(jù)。

二、設(shè)計易用的界面

界面設(shè)計是用戶體驗的重要組成部分。界面設(shè)計需要考慮用戶的認(rèn)知和行為習(xí)慣，采用符合用戶習(xí)慣的設(shè)計語言和交互方式。界面設(shè)計需要簡潔、清晰、易用，避免過多的信息和復(fù)雜的操作流程。同時，界面設(shè)計需要考慮不同設(shè)備和屏幕尺寸的兼容性，保證在不同設(shè)備上都能提供一致的用戶體驗。

三、提供個性化服務(wù)

個性化服務(wù)可以提高用戶的滿意度和忠誠度。個性化服務(wù)包括基于用戶歷史行為和偏好的推薦服務(wù)、個性化設(shè)置和定制化服務(wù)等。通過個性化服務(wù)可以提高用戶的參與度和粘性，增加用戶對產(chǎn)品或服務(wù)的依賴度。

四、優(yōu)化產(chǎn)品或服務(wù)的性能

產(chǎn)品或服務(wù)的性能是用戶體驗的重要因素之一。優(yōu)化產(chǎn)品或服務(wù)的性能可以提高用戶的滿意度和使用體驗。優(yōu)化產(chǎn)品或服務(wù)的性能包括提高響應(yīng)速度、優(yōu)化界面流暢度、減少錯誤提示和優(yōu)化系統(tǒng)穩(wěn)定性等。通過優(yōu)化產(chǎn)品或服務(wù)的性能可以提高用戶的使用效率和滿意度。

五、提供多渠道的服務(wù)支持

提供多渠道的服務(wù)支持可以提高用戶的滿意度和忠誠度。多渠道的服務(wù)支持包括在線客服、電話客服、郵件支持和社交媒體支持等。通過提供多渠道的服務(wù)支持可以提高用戶的滿意度和解決用戶的問題，增加用戶對產(chǎn)品或服務(wù)的信任度和依賴度。

六、持續(xù)優(yōu)化用戶體驗

持續(xù)優(yōu)化用戶體驗是打造良好用戶體驗的關(guān)鍵。持續(xù)優(yōu)化用戶體驗需要進(jìn)行數(shù)據(jù)分析和用戶反饋收集，了解用戶的需求和反饋，及時調(diào)整產(chǎn)品或服務(wù)的設(shè)計和優(yōu)化方案。持續(xù)優(yōu)化用戶體驗需要建立完善的用戶反饋機制和數(shù)據(jù)分析體系，保證持續(xù)的用戶體驗優(yōu)化。

七、結(jié)語

打造良好的用戶體驗需要從用戶需求出發(fā)，通過界面設(shè)計、個性化服務(wù)、性能優(yōu)化和服務(wù)支持等多個方面提高用戶的滿意度和忠誠度。持續(xù)優(yōu)化用戶體驗需要建立完善的用戶反饋機制和數(shù)據(jù)分析體系，保證持續(xù)的用戶體驗優(yōu)化。通過打造良好的用戶體驗可以提高產(chǎn)品或服務(wù)的使用率和市場份額，為企業(yè)的發(fā)展提供有力支撐。

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

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

隨著移動互聯(lián)網(wǎng)和物聯(lián)網(wǎng)的發(fā)展，越來越多的產(chǎn)品和服務(wù)需要在不同的終端上提供相似的用戶體驗。端通用界面設(shè)計是指在不同的終端上提供相似的用戶界面和交互方式，以提高用戶的滿意度和體驗。本文將介紹端通用界面設(shè)計的法則和原則。

一、一致性

一致性是指在不同的終端上提供相似的用戶界面和交互方式。一致性可以通過統(tǒng)一的設(shè)計原則、顏色和字體、標(biāo)簽和注釋等方式實現(xiàn)。一致性可以提高用戶的熟悉度和信任度，降低用戶的混亂和不安全感。

二、簡潔性

簡潔性是指在不同的終端上提供簡單、直觀和明了的用戶界面和交互方式。簡潔性可以通過簡單的界面設(shè)計、明確的操作流程和提示、簡化的功能和選項等方式實現(xiàn)。簡潔性可以提高用戶的易用性和可理解性，降低用戶的學(xué)習(xí)成本和錯誤率。

三、可擴展性

可擴展性是指在不同的終端上提供靈活、可定制和可擴展的用戶界面和交互方式。可擴展性可以通過豐富的功能和選項、多樣的交互和反饋、靈活的定制和個性化等方式實現(xiàn)。可擴展性可以提高用戶的興趣和參與度，增加用戶的體驗和滿意度。

四、可訪問性

可訪問性是指在不同的終端上提供易于訪問和使用的用戶界面和交互方式。可訪問性可以通過明確的反饋和提示、合理的反應(yīng)時間和結(jié)果、準(zhǔn)確的搜索和定位等方式實現(xiàn)。可訪問性可以提高用戶的信任度和滿意度，降低用戶的焦慮和不確定性。

五、可維護性

可維護性是指在不同的終端上提供易于維護和更新的用戶界面和交互方式。可維護性可以通過清晰的信息架構(gòu)、明確的標(biāo)簽和注釋、直觀的圖形和圖表等方式實現(xiàn)。可維護性可以提高產(chǎn)品的可靠性和穩(wěn)定性，降低維護和更新的成本和風(fēng)險。

六、可擴展性

可擴展性是指在不同的終端上提供靈活、可定制和可擴展的用戶界面和交互方式。可擴展性可以通過豐富的功能和選項、多樣的交互和反饋、靈活的定制和個性化等方式實現(xiàn)。可擴展性可以提高用戶的興趣和參與度，增加用戶的體驗和滿意度。

七、可重復(fù)性

可重復(fù)性是指在不同的終端上提供可重復(fù)和可預(yù)測的用戶界面和交互方式。可重復(fù)性可以通過明確的操作流程和提示、合理的反應(yīng)時間和結(jié)果、準(zhǔn)確的搜索和定位等方式實現(xiàn)。可重復(fù)性可以提高用戶的信任度和滿意度，降低用戶的焦慮和不確定性。

八、可訪問性

可訪問性是指在不同的終端上提供易于訪問和使用的用戶界面和交互方式。可訪問性可以通過明確的反饋和提示、合理的反應(yīng)時間和結(jié)果、準(zhǔn)確的搜索和定位等方式實現(xiàn)。可訪問性可以提高用戶的信任度和滿意度，降低用戶的焦慮和不確定性。

九、可定制性

可定制性是指在不同的終端上提供靈活、可定制和可擴展的用戶界面和交互方式。可定制性可以通過豐富的功能和選項、多樣的交互和反饋、靈活的定制和個性化等方式實現(xiàn)。可定制性可以提高用戶的興趣和參與度，增加用戶的體驗和滿意度。

十、結(jié)論

界面設(shè)計法則是提高用戶滿意度和體驗的關(guān)鍵。一致性、簡潔性、可擴展性、可訪問性、可維護性、可擴展性、可重復(fù)性、可訪問性和可定制性是端通用界面設(shè)計的重要原則和要素。在設(shè)計端通用界面時，需要平衡不同原則和要素，以滿足不同用戶的需求和偏好。

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

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

一、品牌色強化視覺感和曝光度
品牌色被運用到界面背景中較為頻繁，這也是提高品牌曝光度的有效形式，無論是初創(chuàng)產(chǎn)品還是成熟產(chǎn)品都會選擇。

通常出現(xiàn)在界面頂部區(qū)域較多，可以是單色、微漸變、流體漸變和極光風(fēng)等，也可以結(jié)合一些圖形來增強空間感。在整體界面背景過度層面可以直接分割，也可以利用不透明度漸變自然過渡。

二、極光風(fēng)配色打破單調(diào)畫面
極光風(fēng)算是近些年最流行的設(shè)計趨勢之一了，相較于白底來說更能打破界面的單調(diào)感。被廣泛運用到界面背景中，在頂部區(qū)域最為常見。

由于高明度低飽和度的配色原理，使得視覺效果豐富多彩，但又不會顯得喧賓奪主。在強化界面視覺感的同時，也能很好地提高內(nèi)容的層次感。

三、動態(tài)流體漸變讓界面更靈動
流體漸變相較于普通漸變形式而言，靈動性和豐富度都會更高，呈現(xiàn)出來的效果也非常自然舒適。

結(jié)合動態(tài)形成的流體漸變效果更靈動，被運用到界面設(shè)計中也能提高關(guān)注度，也有產(chǎn)品會在按鈕設(shè)計中表達(dá)，視覺感都非常不錯。

四、插畫運用增強界面風(fēng)格感
隨著設(shè)計師手繪插畫的能力不斷普及，在產(chǎn)品設(shè)計中也會經(jīng)常運用插畫來強化界面效果。由于插畫風(fēng)格很多，也會使得界面設(shè)計更具風(fēng)格化。

插畫本身的風(fēng)格會影響產(chǎn)品的調(diào)性，在一些節(jié)慶主題、商業(yè)活動、風(fēng)格差異化表達(dá)等方面結(jié)合插畫表達(dá)都比較適合。這也是插畫能力成為設(shè)計師技能標(biāo)配的因素之一，不僅可以提高設(shè)計風(fēng)格感，也能讓作品更有視覺亮點。

五、精美照片打造場景感
隨著用戶對感官體驗需求的升級，產(chǎn)品中配圖質(zhì)量要求也越來越高，精美的照片可以讓畫面質(zhì)量更高。

在一些定制化的界面場景中，也會經(jīng)常使用不同照片來打造場景感，比如旅游產(chǎn)品中就會利用照片增強代入感。真實的場景更能被用戶接受，提高用戶的參與度和積極性，照片帶來的視覺感也是非常強烈的。

大廠設(shè)計如何提高界面視覺亮點？我總結(jié)了10個方面！

六、3D 效果空間感更強
隨著 3D 運用逐步趨勢化，在產(chǎn)品中也經(jīng)常會出現(xiàn) 3D 元素的運用，以此來強化視覺感和空間感。3D 的表現(xiàn)除了在圖標(biāo)設(shè)計上的運用之外，作為背景層視覺強化也十分常見，經(jīng)常會作為配圖出現(xiàn)在頂部區(qū)域的表達(dá)中。

如果建模上手比較難，也會有設(shè)計師以偽 3D 效果進(jìn)行設(shè)計，視覺效果也非常到位。

七、IP 運用提高界面情感化
情感化設(shè)計可以拉近產(chǎn)品與用戶之間的距離，體現(xiàn)出產(chǎn)品的溫度，讓用戶感受到親和力。IP 設(shè)計作為品牌的延續(xù)，不僅可以輔助品牌的傳播，也是提升情感化設(shè)計的有效形式。

IP 已被廣泛運用到界面設(shè)計中，在頂部區(qū)域、默認(rèn)頭像、空狀態(tài)、視覺配圖、圖標(biāo)設(shè)計等方面都可以進(jìn)行設(shè)計融入。IP 設(shè)計可以有助于提高界面情感化，這個技能也逐步成為了設(shè)計師的技能標(biāo)配。

大廠設(shè)計如何提高界面視覺亮點？我總結(jié)了10個方面！

八、Banner 圖提高商業(yè)氛圍感
Banner 圖的存在是為了提高商品或者服務(wù)在產(chǎn)品中的商業(yè)轉(zhuǎn)化，特別是在具有電商屬性的產(chǎn)品中。不僅可以給商業(yè)活動帶來靈活的導(dǎo)流入口，也能強化界面的商業(yè)氛圍感。

Banner 圖在產(chǎn)品中的表現(xiàn)形式十分多樣，除了在視覺表現(xiàn)層面發(fā)揮以外，造型和展示形式也有眾多設(shè)計發(fā)揮的方向。

大廠設(shè)計如何提高界面視覺亮點？我總結(jié)了10個方面！

九、形狀圖形增加背景層次感
當(dāng)界面背景比較單調(diào)的時候，我們通常都會添加圖形進(jìn)行強化，除了圖片以外，形狀圖形的運用設(shè)計感也是非常不錯的。

通過形狀圖形的設(shè)計強化，可以增加界面背景的層次感，也能通過強視覺提高用戶的關(guān)注度。圖形的選擇十分多樣化，幾何圖形或者局部圖形的選擇性都非常多，可以作為獨立畫面，也可以作為背景襯托而存在。

大廠設(shè)計如何提高界面視覺亮點？我總結(jié)了10個方面！

十、功能屬性點綴畫面視覺感
除了以上提到的增強視覺亮點的方法以外，設(shè)計師也會探索更多表現(xiàn)形式，結(jié)合功能屬性、業(yè)務(wù)特點、品牌文化等等，發(fā)散的方向變得越來越多。

比如地圖軟件會以地圖圖形作為表現(xiàn)的形式，在主界面的頂部區(qū)域和個人中心的設(shè)計中，以地圖作為背景來點綴畫面視覺感。從產(chǎn)品的功能或者業(yè)務(wù)等層面入手，也是強化界面視覺亮點的有效形式。

作者：黑馬青年
來源：優(yōu)設(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è)計( m.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

底部彈出框控件，在移動端設(shè)備上呈現(xiàn)出來的時候，對于設(shè)計師而言，是一個不小的挑戰(zhàn)。在小屏幕上設(shè)計這類控件，需要做合理的取舍。

底部彈出框是一種部分覆蓋式的控件，特別適合移動端設(shè)備，它適合呈現(xiàn)臨時但是重要的信息。

定義：底部彈出控件，或者說底部彈出框/表單，是固定在屏幕底部邊緣的控件，它提供貼合上下文環(huán)境的詳細(xì)信息，或者疊加于頁面之上的交互。

底部彈出框是一種漸進(jìn)式的信息呈現(xiàn)方式，它們通常由用戶交互觸發(fā)，提供額外的詳細(xì)信息，它們通常會遮蓋掉部分屏幕內(nèi)容，因此不適合顯示始終都很重要的信息。

另一方面，它適合用來呈現(xiàn)額外的信息，對上下文環(huán)境進(jìn)行控制，或者兼顧兩者。底部彈出框的優(yōu)點在于，它無需跳轉(zhuǎn)到新的單獨頁面，讓用戶停留在當(dāng)前環(huán)境下進(jìn)行交互，用戶不會失去交互和獲取信息的語境。

底部彈出框和其他的彈出框控件類似，然而和其他的彈出框相比，他保留了更強的信息可見性，因此用戶在和底部彈出框呈現(xiàn)的信息進(jìn)行交互的時候，可能需要參考背景里的基礎(chǔ)信息，而兩者的呼應(yīng)也更加貼合用戶當(dāng)下的需求。

使用底部彈出框的一個常見的理由是，它們提高了移動端設(shè)備上用戶的交互可觸達(dá)性（也就是大家常說的，用戶更容易點擊到屏幕底部的內(nèi)容和控件）。不幸的是，在實際的測試當(dāng)中，由于用戶握持移動端設(shè)備的方式不同（單手、雙手以及握持位置上下差異），屏幕底部目前也不一定是最容易觸達(dá)的區(qū)域（屏幕中間一般才是用戶最容易點擊到的位置）。

模態(tài)和非模態(tài)底部彈出框
位于底部的彈出框可以是模態(tài)的，也可以是非模態(tài)的。

和經(jīng)典的模態(tài)控件設(shè)計類似，底部彈出框可以迫使用戶在采取其他交互之前，強制和底部彈出框交互，點擊其中的控件或者關(guān)閉它。即使背景的內(nèi)容可見，彈出框依然會阻止用戶與之進(jìn)行交互。通常，在底部彈出框出現(xiàn)的時候，通常背景內(nèi)容會被半透明的疊加層蓋住，作為背景內(nèi)容「不可交互」的視覺標(biāo)識。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

網(wǎng)絡(luò)管理工具 UniFi 的彈出框設(shè)計，當(dāng)用戶的手機未能正確連接到網(wǎng)絡(luò)上的時候，會彈出一個底部表單，背景內(nèi)容通常顯示的是一些可供識別的基本界面細(xì)節(jié)，以及頁面骨架布局。用戶需要解決網(wǎng)絡(luò)問題，才能接入網(wǎng)絡(luò)顯示背景的內(nèi)容，因此這一交互是合理的。

非模態(tài)的底部彈出框則不同，它們位于頁面的底部，用戶可以和背景內(nèi)容進(jìn)行交互，也能和彈出內(nèi)容交互。這個時候的底部彈出框控件適合呈現(xiàn)此時背景內(nèi)容相關(guān)的詳細(xì)信息。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

在 Google 地圖的 APP 當(dāng)中，非模態(tài)的底部彈出框會顯示和當(dāng)前選中地理區(qū)域相關(guān)的導(dǎo)航操作、圖片信息，同時，用戶可以和背景中的地圖進(jìn)行交互，詳細(xì)了解大致的環(huán)境信息。

有一些底部彈出框是可以展開的。用戶可以通過點擊或者上滑彈出框，將其擴展為全屏模式（有時候是接近全屏）。通常，底部彈出框在最小化模式下，開始為非模態(tài)，展開后變?yōu)槟B(tài)。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

Apple 播客：底部彈出框可以顯示當(dāng)前播放內(nèi)容的相關(guān)信息（左），可以點擊或者拖動它至完整全屏尺寸，而點擊或者向下滑動頂部的把手控件，則可以將其縮小折疊起來。

底部彈出框的可用性指南
在我們的研究當(dāng)中，我們觀察到用戶在使用底部彈出框的時候，遭遇的困難和使用別的彈出框的時候是類似的，這些通常是由以下原因造成的：

缺少明確的關(guān)閉底部彈出框的指引
多個底部彈出框界面疊加在一起
底層相關(guān)的背景內(nèi)容被模糊了
下面我們針對性地來解決一下這些問題。

允許使用「返回」按鈕來關(guān)閉底部彈出框
底部彈出框所存在的一個常見問題，就是它看起來像是一個普通的界面控件，尤其當(dāng)他們擴展為全屏的時候，一部分用戶可能還沒意識到他們所處的界面，其實是擴展后的底部彈出框控件，而它通常是不遵循通常的交互邏輯的。用戶這個時候可能希望使用「后退」手勢或者按鈕來進(jìn)行交互，但是用戶這個時候點擊可能是不會得到預(yù)期中的反饋。

因此，在用戶歷程當(dāng)中，當(dāng)頁面當(dāng)中出現(xiàn)底部彈出框控件的時候，整個流程的交互模式可能會因此被破壞。但是，如果讓底部彈出框控件支持「后退」的按鈕和手勢，則可以規(guī)避這一問題，讓用戶無縫回到上一界面。

在控件中包含「關(guān)閉」按鈕
盡管絕大多數(shù)的底部彈出框可以通過向下滑動，或者點擊頂部手柄來關(guān)閉，但是這個組件本身就很容易被忽略。此外，還有一部分用戶壓根就不知道這個功能。而且，垂直滑動關(guān)閉本身就具備某種模糊性，在交互過程中，用戶可能會關(guān)閉面板，也可能不小心打開通知欄，或者打開手機的控制中心等。

Pocket 的底部彈出框控件非常高，需要向下滑動才能關(guān)閉，而因為控件的手柄位置在操作的時候很容易打開手機的通知欄或控制中心。即使用戶從正確的位置觸發(fā)關(guān)閉控件的手柄，也可能需要多次嘗試才能真正關(guān)閉這一面板。這種靈活性挑戰(zhàn)對于操作精度要求過高，對于多數(shù)用戶而言都是挑戰(zhàn)。

為了確保用戶可以快速關(guān)閉底部彈出框控件，最好在控件內(nèi)添加常見的「關(guān)閉」按鈕，或者「X」按鈕。我們建議將這個按鈕放置在在底部彈出框的右上方之類的位置，使用這一按鈕的另外一個好處是方便有視力障礙的用戶，使用屏幕閱讀器來關(guān)閉它。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

蘋果的備忘錄當(dāng)中的底部彈出框控件，就使用了「X」按鈕來方便用戶關(guān)閉它。

不要將多個底部彈出框堆疊起來
當(dāng) APP 內(nèi)將多個彈出框堆疊起來的時候，最大的麻煩就出現(xiàn)了。

當(dāng)多個底部彈出框堆疊在一起的時候，用戶不可避免會開始迷惑自己到底處于流程的哪個位置，并且可能還需要了解到底哪個是第一個彈出框，而哪個是最后一個。就像下面的案例。

我們強烈建議不要使用底部彈出框控件來替代用戶流程中應(yīng)有的頁面。底部彈出框是一個臨時的 UI 控件，它并不是穩(wěn)定的位置，它的存在旨在打斷用戶流程，告知用戶重要的信息和重要的操作，它本身并不是帶來愉悅感的「快樂路徑」。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

沃爾瑪?shù)?APP 當(dāng)中，產(chǎn)品詳情頁是用底部彈出框控件來承載的，而非單獨的頁面，而其中任何一個鏈接都會觸發(fā)另外一個底部彈出框，比如用戶評價。而用戶想要關(guān)閉退出則需要一層一層關(guān)閉。而頂上的返回和關(guān)閉按鈕兩者也同樣可能會讓人迷惑，有時候是后退，有時候是直接關(guān)閉彈出框，交互過程中可能會超出用戶原有的預(yù)期。

使用底部彈出框承載簡短交互
最后，當(dāng)用戶可能會花費大量的時間查看底部彈出框所承載的信息時，我們建議不要使用底部彈出框來承載這類信息。它本質(zhì)上是一個瞬間狀態(tài)下的 UI 控件，快速交互是它存在的意義，而非承載復(fù)雜的內(nèi)容。

高手總結(jié)！UI 界面底部彈出框設(shè)計指南

這個名為 Soundbrenner 的 APP 會在頁面「1」 的 Learn 中打開「2」中的音樂教學(xué)列表，選擇特定課程時，會以底部彈出框的方式打開詳細(xì)課程信息，隨后，向下滾動「3」的時候，會意外將用戶帶回主頁「4」。這個 APP 的問題和之前沃爾瑪?shù)那闆r類似，存在多個底部彈出框交疊的問題。

總結(jié)
底部彈出框控件在 UI 設(shè)計當(dāng)中其實比較常見，它需要在保持上下文環(huán)境的情況下，提供額外的關(guān)鍵交互和信息說明，但是它不應(yīng)該承載復(fù)雜的交互和過多的內(nèi)容。

作者：陳子木
來源：優(yōu)設(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è)計( m.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

一、什么是彈窗？
彈窗是在保留當(dāng)前頁面狀態(tài)的情況下，告知用戶并承載相關(guān)操作。

思考：彈窗里面哪些構(gòu)成原件可以根據(jù)業(yè)務(wù)屬性可以有可以沒有呢？
答案：標(biāo)題區(qū)和操作區(qū)。

二、彈窗的規(guī)范如何定義？

1、定義彈窗的大小規(guī)范
彈窗的的大小有兩種定義方式。一種是固定大小，一種是自定義大小。需要根據(jù)自己的業(yè)務(wù)場景二選一。

彈窗寬度一般定義為三種。分別為560px，720px，960px，都是8的倍數(shù)方便記憶。尺寸并不是定死的，可以根據(jù)自身業(yè)務(wù)場景調(diào)節(jié)。

彈框固定高度會有一個最小高度200px，一個最大高度560px。在其之間的高度是由內(nèi)容區(qū)的內(nèi)容決定，超過最大高度560px時出滾動條。

彈窗自定義高度，只定義最大高度，隨著頁面拉升縮小，彈窗邊距不變。

2、定義彈窗內(nèi)容規(guī)范
定義：標(biāo)題欄操作欄高度，內(nèi)容區(qū)邊距。

3、彈窗類型
彈框類型是根據(jù)使用場景區(qū)分提示彈窗，自定義彈窗兩種

彈窗優(yōu)點：沒有跳出父級頁面，彈窗任務(wù)完成后仍然會留在父頁面進(jìn)行操作，減少用戶操作中步驟體感
彈窗缺點：信息承載量少，信息內(nèi)容過多的時候會出現(xiàn)上下左右滾動條，彈窗會降低用戶操作效率

三、彈窗使用規(guī)則是什么？

1、不超過兩種操作選項
假如承載的操作項比較多，建議新跳轉(zhuǎn)一個落地頁。

2、多步驟操作，選擇用頁面承載

3、盡量避免彈窗疊彈窗
第一個彈窗的內(nèi)容考慮用頁面承載或者第二個彈窗是否可以用氣泡或者下拉來承載。
假設(shè)一定要疊，二級彈窗的復(fù)雜度要低于一級彈窗，滿足形式上的平衡，遵循從大到小的邏輯或者是覆蓋上級，完成任務(wù)后點“返回”返回。

四、什么是抽屜？和彈窗相比優(yōu)缺點是什么？
抽屜是信息承載量和頁面比肩，又兼具彈窗的優(yōu)點。

作者：鯤sky
來源：站酷

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

一、什么是表單頁

1.1表單頁滿足的核心場景
1、采集/錄入數(shù)據(jù)信息。2、編輯數(shù)據(jù)信息。3、特殊的條件設(shè)置。后臺產(chǎn)品的本質(zhì)是針對數(shù)據(jù)的增、刪、改、查。而增、改、查都可以用表單完成。

1.2常見的應(yīng)用場景
OA系統(tǒng)里面的請假申請，報銷申請，錄入員工，新建會議。教育類的創(chuàng)建課程。HRM系統(tǒng)里面發(fā)布職位以及物聯(lián)網(wǎng)管理系統(tǒng)新建設(shè)備等等。

二、表單頁設(shè)計原則

2.1明確
用戶快速定位重要信息和目標(biāo)選項同時文案和組件能夠準(zhǔn)確傳達(dá)相應(yīng)含義

2.2高效
整體表單排布有合理的交互形式；科學(xué)的信息布局和組織形式；盡可能“少操作一步”用戶在面對50和表單和500個表單的心理壓力是不一樣的。

2.3安全
操作前：提示和防錯。
操作中：實時反饋與糾錯
操作后：合理的保存、清空、取消、撤銷機制。

三、表單的構(gòu)成
表單通常由表單標(biāo)簽、表單域、提示提示、操作按鈕四部分構(gòu)成。

3.1表單標(biāo)簽

左標(biāo)簽
優(yōu)點：表意明確，節(jié)約縱向空間，多用于web端
缺點：不太適用于移動端等狹長空間

頂標(biāo)簽
優(yōu)點：對齊舒適，節(jié)約橫向空間，多用于移動端及英文場景下。
缺點：縱向空間利用率不高

行內(nèi)標(biāo)簽
優(yōu)點：最節(jié)省空間，多用于注冊登錄
缺點：輸入狀態(tài)標(biāo)簽消失，用戶陷入迷茫

左對齊標(biāo)簽
視線從標(biāo)簽移動到表單域時間為500ms，這比右對齊標(biāo)簽所用的時間長的多，所以更適合閱讀，用于詳情的陳列。
特點：閱讀效率高，操作效率較低；

右對齊標(biāo)簽
視覺動線參差不齊，不適合高效閱讀，但適合高效操作，更適合表單填寫。
特點：閱讀效率不高，標(biāo)簽指向明確，操作效率高

3.2表單域

如何定義輸入框/選擇框大小？
步驟一：根據(jù)業(yè)務(wù)已經(jīng)有的字段長度定義4-5種寬度規(guī)范，建議寬度可以是8或者是40的倍數(shù)。

步驟二：根據(jù)你要搭建的表單，選用合適的規(guī)范，長度與輸入預(yù)期成正比。有人會說排出來的表單左邊沒對齊，右邊也沒對齊，其實這就是B端產(chǎn)品特征那就是是好用大于好看，就要給用戶一種心智那就是給你的這個長度那就是要輸入一個這么長的內(nèi)容。

3.3提示信息

避免“正確的廢話”：給不到用戶任何的幫助還增加了用戶的閱讀成本。

提示信息用哪種展示方式？

3.4操作按鈕
按鈕常見位置：一般出現(xiàn)在頁面頂部、跟隨表單里的內(nèi)容、表單內(nèi)容底部、頁面底部。
按鈕閱讀順序：按鈕出現(xiàn)頁面右上角或右下角時，閱讀順序是從右往左，這符合pc端操作習(xí)慣以及人閱讀習(xí)慣。按鈕跟隨表單內(nèi)容或在表單內(nèi)容底部時，閱讀順序為從左往右，這符合人的填寫順序從上往下，從左往右。

底部按鈕右對齊：一般用在彈框，因為彈框頁面比較小，右對齊比較符合操作習(xí)慣。
底部按鈕居中：一般用在頁面中，因為右下角操作距離會有點遠(yuǎn)，所以表單用頁面承載的話按鈕建議居中。

3.5字體和間距規(guī)范
表單中字體全部統(tǒng)一采用14px。表單上下間距一般有三種，1.內(nèi)容與內(nèi)容間距為24px。2.內(nèi)容與說明文案間距為4px。3.內(nèi)容與子內(nèi)容間距以及及子內(nèi)容之間的間距為8px。

四、表單交互

表單交互方式有四種。1.原位編輯；2.氣泡卡片；3.彈窗/抽屜；4.頁面跳轉(zhuǎn)。

原位編輯
編輯內(nèi)容即為展示內(nèi)容，容量低于5個時使用。

氣泡卡片
設(shè)置項與看板內(nèi)容緊密相關(guān)時使用氣泡卡片，建議設(shè)置項低于5個。

彈窗/抽屜
設(shè)置項與看板內(nèi)容可以有關(guān)聯(lián)也不可以沒有，大于三個以上的錄入項使用。

如果錄入項較多，用彈框承載出現(xiàn)翻頁的情況下可考慮使用抽屜。

頁面跳轉(zhuǎn)如果容量超出了彈框/抽屜的承載量并且錄入項與看板沒有那么強的關(guān)聯(lián)性可采用頁面跳轉(zhuǎn)的方式。
五、頁面布局

頁面布局方式有四種。1.分組；2.錨點定位；3.標(biāo)簽頁；4.分步驟

5.1分組

5.1.1標(biāo)題分組
設(shè)置項超過7個；彼此間的關(guān)聯(lián)性較弱且可以分類去歸納

5.1.2卡片分組有多個設(shè)置項，多個分類；彼此之間的關(guān)聯(lián)性更弱，分類明確

5.2錨點定位
有多個分類的情況可通過錨點定位迅速找到相關(guān)信息

5.3標(biāo)簽頁
彼此之間沒有特定的相關(guān)性，可以獨立設(shè)置。每個設(shè)置包含了多個錄入項且使用了標(biāo)題分組。

小結(jié)當(dāng)錄入項少于7個時使用基礎(chǔ)布局；當(dāng)錄入項在7-15個時可采用標(biāo)題分組，卡片分組、錨點定位布局；當(dāng)錄入項大于15個時需采用標(biāo)簽頁布局。
5.4分步驟
利用步驟條將大型，復(fù)雜任務(wù)拆解為多個部分，并按照相關(guān)性分組。

建議3種分組依據(jù)1.采用必填項劃分，把必填的選項分在一起；2.采用相關(guān)性劃分；3.以操作成本劃分。把好填的簡單的表單放在前面，復(fù)雜的放在后面。

六、提升表單易用性
提升表單易用性方式有5種。1.信息降噪；2.清晰易讀；3.高效智能；4.防錯糾錯；5.所見即所得

6.1信息降噪
場景一：當(dāng)表單中大多數(shù)都是必填只有極少數(shù)非必填時

場景二：表單項非必填項比較多，可將低頻的非必填項收起

6.2視覺清晰
場景一：盡量采用單列布局，視覺動線流暢，不容易遺漏信息；按enter鍵換行。

場景二：如果出于業(yè)務(wù)方需要，必須在橫向添加內(nèi)容，那最好有一定的分組依據(jù)。但這樣就不應(yīng)該出現(xiàn)豎向分組，以免遺漏信息。

6.3高效智能

6.3.1根據(jù)上下文信息可以自動獲取的，無需用戶再次填寫。
例如根據(jù)手機號帶出用戶姓名；根據(jù)地址帶出郵政編碼；根據(jù)身份信息帶出生日。

6.3.2提供合適的“默認(rèn)項”。
例如根據(jù)行業(yè)現(xiàn)狀提供常規(guī)的比例分配；根據(jù)定位把地區(qū)做默認(rèn)的填充。

6.3.3提供搜索、聯(lián)想，自動顯示匹配的信息
用戶在進(jìn)行輸入等操作時可以提供智能輔助，例如表單填寫時對需要錄入信息的區(qū)域提供輔助提示，通過自動補全或聯(lián)想詞來幫助用戶快速錄入信息，在保持用戶的操作自由度的情況下提效。

6.3.4 OCR識別文件內(nèi)容
對于一些標(biāo)準(zhǔn)證件信息的錄入，可以通過OCR識別文件內(nèi)容。當(dāng)用戶上傳圖片后，運用圖像識別技術(shù)提取關(guān)鍵信息并自動填入結(jié)果。

6.4防錯糾錯

6.4.1對于長數(shù)字，四位一空格，用來分段
例如輸入銀行卡號；充值場景下輸入手機號等

6.4.2為用戶封閉不正確道路
將超出時間選擇范圍的日期置灰。電話號、身份證錄入時只允許輸入數(shù)字同時設(shè)置字?jǐn)?shù)上限。

6.4.3告訴用戶哪里錯了，而非簡單粗暴的錯誤提示

6.5所見即所得
表單頁對填寫的物料內(nèi)容進(jìn)行映射，展示真實效果預(yù)覽，降低用戶心理的不確定性。適合對移動端、小程序、H5頁面的設(shè)置。

七、體驗衡量指標(biāo)
體驗衡量指標(biāo)有4種。1.任務(wù)完成率；2.任務(wù)完成時長；3.必填項目數(shù)；4.易用度評分

7.1任務(wù)完成率

7.2任務(wù)完成時長

7.3必填項目數(shù)
結(jié)合業(yè)務(wù)場景給出最適合的必填項設(shè)定，提高用戶填寫效率。

7.4易用度評分（用戶完成某項任務(wù)的難易程度）
易用度可通過調(diào)研問卷和評分量表獲取。

作者：鯤sky
來源：站酷

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

本文將深入探討如何巧用色彩來打造動人心弦的網(wǎng)頁設(shè)計，并特別關(guān)注如何考慮配色弱的用戶。我們將介紹色彩對用戶體驗的影響，解釋配色弱的類型，提供一些適合配色弱用戶的配色方案，并分享一些巧妙利用色彩的技巧，以提高網(wǎng)頁設(shè)計的吸引力和可訪問性。

第一部分：色彩與用戶體驗1.1 色彩在網(wǎng)頁設(shè)計中的重要性1.2 色彩對用戶情感和認(rèn)知的影響1.3 配色弱用戶的挑戰(zhàn)與需求

第二部分：了解配色弱類型2.1 紅綠色盲2.2 藍(lán)黃色盲2.3 全色盲和其他色覺異常條件

第三部分：配色方案適應(yīng)配色弱用戶3.1 使用對比度來增強可讀性3.2 避免過于依賴顏色的傳遞信息3.3 選擇易區(qū)分的色調(diào)和明亮度3.4 采用色相和亮度對比來強調(diào)重要元素

第四部分：巧妙利用色彩的技巧4.1 利用色彩心理學(xué)原理引導(dǎo)用戶行為4.2 創(chuàng)造溫暖或冷靜的氛圍與情感4.3 使用配色工具和調(diào)色板來提高效率4.4 探索大膽與獨特的顏色組合

第五部分：實踐與測試5.1 設(shè)計前期的研究與用戶調(diào)研5.2 可用性測試和反饋收集5.3 不斷優(yōu)化和改進(jìn)設(shè)計

第六部分：案例研究與實際應(yīng)用6.1 成功案例分析：色彩對用戶體驗的影響6.2 實際應(yīng)用建議：考慮配色弱用戶的網(wǎng)頁設(shè)計實踐

第七部分：結(jié)論7.1 色彩對網(wǎng)頁設(shè)計的重要性再強調(diào)7.2 巧用色彩打造動人心弦的網(wǎng)頁設(shè)計的關(guān)鍵要點總結(jié)7.3 呼吁更加關(guān)注配色弱用戶并提高設(shè)計的可訪問性

本文將詳細(xì)介紹每個部分的內(nèi)容，包括配色原則、配色方案、色彩心理學(xué)原理和實際案例。通過遵循這些指導(dǎo)和運用巧妙的色彩技巧，你可以打造出動人心弦的網(wǎng)頁設(shè)計，并確保配色弱用戶也能夠享受到優(yōu)質(zhì)的用戶體驗。建議讀者在實踐過程中注重測試和反饋，不斷改進(jìn)和完善設(shè)計。通過共同努力，我們可以為所有用戶提供更加可訪問且令人滿意的網(wǎng)頁設(shè)計體驗。

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

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

隨著移動設(shè)備的普及和移動應(yīng)用的快速發(fā)展，了解移動端尺寸基礎(chǔ)知識成為了設(shè)計師和開發(fā)人員的必備技能。本文將為您提供超全面的移動端尺寸基礎(chǔ)知識科普指南，幫助您更好地理解和應(yīng)用移動端尺寸。

一、移動設(shè)備屏幕尺寸概述

移動設(shè)備的屏幕尺寸通常以對角線長度來表示，單位為英寸。常見的移動設(shè)備屏幕尺寸包括4英寸、4.7英寸、5.5英寸等。屏幕尺寸的大小直接影響到用戶在設(shè)備上的視覺體驗和操作方式。

二、屏幕分辨率和像素密度

屏幕分辨率是指屏幕上的像素數(shù)量，通常以水平像素數(shù)和垂直像素數(shù)來表示，如1920x1080。像素密度是指每英寸上的像素數(shù)量，單位為PPI（Pixels Per Inch）。高分辨率和高像素密度的屏幕可以呈現(xiàn)更清晰、更細(xì)膩的圖像和文本。

三、常見的移動設(shè)備屏幕分辨率

不同的移動設(shè)備具有不同的屏幕分辨率，設(shè)計師和開發(fā)人員需要根據(jù)目標(biāo)設(shè)備的屏幕分辨率來進(jìn)行設(shè)計和開發(fā)。以下是一些常見的移動設(shè)備屏幕分辨率：

iPhone系列：

iPhone 4/4S：640x960

iPhone 5/5S/SE：640x1136

iPhone 6/6S/7/8：750x1334

iPhone 6 Plus/6S Plus/7 Plus/8 Plus：1080x1920

iPhone X/XS/11 Pro：1125x2436

iPhone XR/11：828x1792

iPhone XS Max/11 Pro Max：1242x2688

iPad系列：

iPad 2/Mini 1/Mini 2：768x1024

iPad 3/4/Air/Mini 3/Mini 4：1536x2048

iPad Air 2/Air 3/Pro 9.7：1536x2048

iPad Pro 10.5：1668x2224

iPad Pro 11：1668x2388

iPad Pro 12.9：2048x2732

Android手機：

720p：720x1280

1080p：1080x1920

2K：1440x2560

4K：2160x3840

Android平板：

7寸：600x1024

10寸：800x1280

四、適配和響應(yīng)式設(shè)計

移動設(shè)備的屏幕尺寸和分辨率各異，為了確保應(yīng)用在不同設(shè)備上的良好顯示，設(shè)計師和開發(fā)人員需要進(jìn)行適配和響應(yīng)式設(shè)計。適配是指根據(jù)目標(biāo)設(shè)備的屏幕尺寸和分辨率進(jìn)行布局和元素調(diào)整，以適應(yīng)不同屏幕大小。響應(yīng)式設(shè)計是指根據(jù)屏幕尺寸和分辨率的變化，動態(tài)調(diào)整布局和元素大小，以提供更好的用戶體驗。

五、設(shè)計和開發(fā)工具

為了更高效地進(jìn)行移動端設(shè)計和開發(fā)，設(shè)計師和開發(fā)人員可以使用一些專業(yè)的工具。常見的移動端設(shè)計工具包括Adobe XD、Sketch、Figma等，這些工具提供了豐富的設(shè)計資源和交互功能。開發(fā)人員可以使用Android Studio、Xcode等工具進(jìn)行應(yīng)用開發(fā)和調(diào)試。

六、設(shè)計原則和最佳實踐

在進(jìn)行移動端設(shè)計時，設(shè)計師需要遵循一些設(shè)計原則和最佳實踐，以提供更好的用戶體驗。以下是一些常見的設(shè)計原則和最佳實踐：

簡潔明了的界面：精簡和清晰的界面設(shè)計可以提高用戶的易用性和操作效率。

易讀的文本和圖標(biāo)：選擇合適的字體和字號，確保文本和圖標(biāo)在不同屏幕上都能清晰可讀。

合理的交互設(shè)計：考慮用戶的習(xí)慣和操作方式，設(shè)計合理的交互和導(dǎo)航方式，提供良好的用戶體驗。

圖片和圖形的優(yōu)化：為了提高應(yīng)用的加載速度和性能，設(shè)計師需要對圖片和圖形進(jìn)行優(yōu)化，包括壓縮、裁剪和使用矢量圖形等。

色彩和視覺效果的選擇：選擇合適的色彩和視覺效果，以提升應(yīng)用的整體美感和吸引力。

七、測試和優(yōu)化

在設(shè)計和開發(fā)完成后，測試和優(yōu)化是確保移動應(yīng)用質(zhì)量的重要環(huán)節(jié)。設(shè)計師和開發(fā)人員需要進(jìn)行功能測試、兼容性測試和性能測試，以確保應(yīng)用在不同設(shè)備上的穩(wěn)定運行和良好性能。根據(jù)測試結(jié)果，進(jìn)行相應(yīng)的優(yōu)化和調(diào)整，以提升應(yīng)用的用戶體驗和滿意度。

總結(jié)：

移動端尺寸基礎(chǔ)知識對于設(shè)計師和開發(fā)人員來說是至關(guān)重要的。了解移動設(shè)備的屏幕尺寸、分辨率和像素密度，掌握適配和響應(yīng)式設(shè)計的原理，遵循設(shè)計原則和最佳實踐，以及進(jìn)行測試和優(yōu)化，都能夠幫助我們設(shè)計出更好的移動應(yīng)用。希望本文提供的超全面的移動端尺寸基礎(chǔ)知識科普指南能夠?qū)δ兴鶐椭⒃谝苿討?yīng)用設(shè)計和開發(fā)中起到指導(dǎo)作用。

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

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

01）為什么要做體驗衡量

1.1 你是否面臨過這些問題

● 我們的產(chǎn)品好用嗎？
● 業(yè)務(wù)指標(biāo)達(dá)成，能夠說明產(chǎn)品設(shè)計得好嗎？
● 業(yè)務(wù)指標(biāo)表現(xiàn)不佳，是因為產(chǎn)品設(shè)計的不好嗎？
● 用戶滿意度低，到底是因為哪里做得不好，應(yīng)該優(yōu)先解決哪里的問題

我周圍的很多同學(xué)，都遇到上面的問題，想到最合適的解決方法就是衡量。

如果你無法對某件事進(jìn)行測量，你就無法對其進(jìn)行管理。

1.2 我們現(xiàn)在是怎么做的？

很多同學(xué)可能會提到使用以下方法
a.滿意度：短期內(nèi)衡量用戶幸福感的用戶得分，受訪者必須在1-5層次之間表達(dá)對某一話題或內(nèi)容的滿意度

b.凈推薦值：2003年引入網(wǎng)絡(luò)推廣，長期內(nèi)衡量用戶幸福感的用戶得分，即客戶忠誠度，是一個更好預(yù)測用戶行為的指標(biāo)，并且與公司成長的衡量指標(biāo)有很強的相關(guān)性

c.費力度：2010年引入一種不同的度量方法，短期內(nèi)衡量用戶完成任務(wù)的難易程度，幫助他們輕松解決問題，而不是通過服務(wù)互動中取悅用戶來創(chuàng)造忠誠度

d.專項競品分析：特定領(lǐng)域的競爭對手進(jìn)行細(xì)致分析，但是由于B端產(chǎn)品的特殊性，很多競品難以通過一般用戶的視角進(jìn)行體驗，因此需要通過更深入的渠道，如與相關(guān)企業(yè)的合作、研究行業(yè)報告等方式來獲取更準(zhǔn)確的競品信息。

上面的方法很好，但真的足夠嗎？

它們真的可以準(zhǔn)確地反映用戶體驗嗎？

我們是否還需要更深入、更精準(zhǔn)的方法來了用戶真實感受和對于業(yè)務(wù)的影響？

讓我們一起思考和探索，如何從用戶體驗的角度，打造出更加優(yōu)秀、滿足用戶需求的產(chǎn)品吧！

1.3 在做之前我們希望

在介紹B端體驗衡量模型之前，我們希望強調(diào)以下幾個設(shè)計前置原則，以確保設(shè)計的準(zhǔn)確性和有效性：

a.要看清楚：需要看清產(chǎn)品體驗的目標(biāo)用戶是誰，因為不同的用戶有不同的使用場景和需求，對產(chǎn)品的體驗要求也不同。

b.要看全面：需要通過多種數(shù)據(jù)來源進(jìn)行驗證和印證，例如用戶反饋、用戶行為數(shù)據(jù)、市場調(diào)研數(shù)據(jù)等，以避免片面和誤導(dǎo)性的結(jié)論。

c.結(jié)合業(yè)務(wù)：需要結(jié)合具體業(yè)務(wù)場景進(jìn)行分析，以便更好地把握用戶需求和痛點，從而有針對性地進(jìn)行產(chǎn)品優(yōu)化和提升；需要注重定量指標(biāo)和定性指標(biāo)的結(jié)合使用，以充分反映用戶的感受和行為，以及不同用戶的差異性。

d.全流程思考：不僅要關(guān)注單個環(huán)節(jié)的體驗，還需要考慮用戶在全流程中的感受和體驗，以便找到體驗的瓶頸和改善的空間

02）模型介紹

2.1 B端的特點

在引入具體的模型之前，我們需要先了解B端產(chǎn)品的特點，這有助于更好地拆解問題和應(yīng)用適當(dāng)?shù)哪Ｐ汀?

a.自上而下

● 用戶使用場景復(fù)雜
● 公司業(yè)務(wù)擴展空間大
● 面對政治、文化的沖突更加多樣

b.自下而上

● 需要對用戶的工作場景有充分理解
● 邏輯較為復(fù)雜
● 功能優(yōu)先，保障安全和效率

c.優(yōu)先級考量

● 對場景的理解是所有設(shè)計的出發(fā)點
● 具有業(yè)務(wù)發(fā)展前瞻性的功能和模塊的布局是流程設(shè)計的前提
● 可靠的流程設(shè)計是界面設(shè)計的基礎(chǔ)
● 合理的界面結(jié)構(gòu)又是靈活包容表現(xiàn)層設(shè)計的根本

2.2 指標(biāo)拆解及依據(jù)

根據(jù)上面特點，針對B端用戶需求，可以從以下幾個方面考慮對現(xiàn)有業(yè)務(wù)流程進(jìn)行優(yōu)化和改造，以提高業(yè)務(wù)運作效率和準(zhǔn)確性，降低成本和錯誤率：

a.場景導(dǎo)向

說明 :

● 需要根據(jù)場景考慮多方面因素，包括空間、資源、技術(shù)、時間等的限制，以及用戶的生理、心理和認(rèn)知等方面的需求和特點。
● 需要減少用戶的負(fù)擔(dān)，盡可能地降低用戶的認(rèn)知和操作成本，提升用戶的使用體驗和滿意度。

指標(biāo)一覽

● 費力度：不用費力完成工作
● 交互方式切換次數(shù)：不要求額外的設(shè)各資源
● 清晰度：界面容易理解
● 任務(wù)回退次數(shù)：不要求太多的用戶記憶等負(fù)擔(dān)
● 任務(wù)時長：用戶可以快速完成工作
● 滿意度：使用過程整體舒適

b.面向成長

說明 :

● 在產(chǎn)品設(shè)計的過程中，需要考慮到業(yè)務(wù)的發(fā)展和變化，因此在功能架構(gòu)、流程和界面的設(shè)計上，需要具備高度的包容性和可擴展性。
● 這意味著產(chǎn)品設(shè)計需要能夠快速響應(yīng)用戶的需求和訴求，同時能夠支持業(yè)務(wù)的快速擴展和變化，為用戶提供高效、可靠的支持。

指標(biāo)一覽

● 滿意度：產(chǎn)品功能的滿足度高
● 推薦度：用戶愿意邀請別人來嘗試使用

c.穩(wěn)定可靠

說明 :

● 指產(chǎn)品在任務(wù)展現(xiàn)和流轉(zhuǎn)方面需要符合用戶完成工作流的心理模型，能夠提供簡單易懂的界面和操作流程，避免用戶的學(xué)習(xí)和使用成本過高。
● 同時，產(chǎn)品的設(shè)計應(yīng)該能夠減少用戶的操作失誤和挫敗感，讓用戶能夠輕松完成任務(wù)，提升用戶的工作效率和體驗感。

指標(biāo)一覽

● 頁面加載時長：性能好，界面加載流暢
● 費力度（操作）：操作符合常識，感知易用
● 報錯率/操作次數(shù)有效率：不易出錯
● 任務(wù)完成效率：能夠快速完成任務(wù)

d.結(jié)構(gòu)合理

說明 :

● 信息展現(xiàn)需要與用戶的操作目的相符，能夠有效輔助和引導(dǎo)用戶完成任務(wù)。
● 同時，信息的呈現(xiàn)邏輯也需要符合用戶的認(rèn)知習(xí)慣，避免用戶對信息的理解和操作產(chǎn)生困難。在信息的展現(xiàn)過程中，設(shè)計師需要采用簡單明了的信息，避免使用過于復(fù)雜和抽象的術(shù)語和符號，保證用戶能夠輕松理解和使用產(chǎn)品。
● 此外，產(chǎn)品的設(shè)計需要考慮到用戶的操作誤差，提供及時的提示和幫助，減少用戶的錯誤操作，提高用戶的操作效率和體驗。

指標(biāo)一覽

● 清晰度：界面信息清晰簡潔，信息容易理解
● 信息有效性：反饋信息及時且能夠有效的引導(dǎo)操作

2.3 指標(biāo)計算

上面的指標(biāo)內(nèi)容分為觀點指標(biāo)和行為指標(biāo)，通過下面的計算方式，得到最終的指標(biāo)

a.觀點指標(biāo)

說明：

● 可以反映用戶對產(chǎn)品的整體滿意度和各個方面的滿意度。
● 為了使觀點指標(biāo)值盡量濃縮，將6道題的平均分做為觀點指標(biāo)值。

指標(biāo)定義：每個觀點分為非常不同意、不同意、輕微不同意、中立、輕微同意、同意、非常同意7個等級，分別分值為-3、-2、-1、0、1、2、3分。

觀點指標(biāo)值 =（費力度＋清晰度 ＋易用性 ＋滿意度 ＋反饋有效性 ＋推薦值）/6

b.行為指標(biāo)

說明：可以用于評估產(chǎn)品的實際使用情況和用戶行為特征。

指標(biāo)定義

● 交互方式切換次數(shù)：任務(wù)中切換交互模式的總數(shù)（從鼠標(biāo)到鍵盤，從視覺到聽覺，從鍵盤到語音等）
● 任務(wù)時長：用戶完成任務(wù)的時長絕對值一完成任務(wù)的標(biāo)準(zhǔn)時長
● 錯誤率：任務(wù)過程中錯誤操作的次數(shù) 一完成任務(wù)的總操作次數(shù)
● 易學(xué)率：（第一次的錯誤率-第二次的錯誤率）十（第一次的任務(wù)時長-第二次的任務(wù)時長）
● 任務(wù)成功率：成功完成仟務(wù)的人數(shù)二興試完成任務(wù)的總?cè)藬?shù)
● 任務(wù)回退次數(shù)：任務(wù)中的回退次數(shù)總數(shù)（例如從步驟二到步驟一，退出重新進(jìn)入系統(tǒng)來切換角色等）

行為指標(biāo)值=（任務(wù)成功率＋易學(xué)性）/（交互方式切換次數(shù) ＋任務(wù)回退次數(shù) ＋任務(wù)時長＋錯誤率）

c.指標(biāo)合并

為了便于產(chǎn)品或者任務(wù)流之間的比較，將這兩個指標(biāo)值進(jìn)行相加，得到一個總指標(biāo)

總指標(biāo) =行為指標(biāo) ＋觀點指標(biāo)

通過對比新舊版的指標(biāo)值，可以客觀地衡量在設(shè)計角度帶來的價值。如果新版指標(biāo)值有顯著提升，說明設(shè)計方向正確，產(chǎn)品體驗得到了優(yōu)化。反之，如果指標(biāo)值沒有明顯改善或者甚至下降，需要重新評估設(shè)計方案，尋找優(yōu)化的空間和方向。這樣的對比可以幫助團隊更好地理解用戶的需求和行為，從而進(jìn)一步提升產(chǎn)品的體驗和價值。

2.4 運作機制

a.合作共建

指標(biāo)的定義與收集，重要的一步是與相關(guān)部門進(jìn)行合作共建，共同定義和收集相關(guān)指標(biāo)，根據(jù)產(chǎn)品類型與衡量目標(biāo)，設(shè)計衡量方案。

設(shè)計團隊需要和業(yè)務(wù)方密切合作，了解業(yè)務(wù)需求和數(shù)據(jù)源，確定所需指標(biāo)及其計算方式，以確保數(shù)據(jù)的準(zhǔn)確性和完整性。

b.專業(yè)輸出

衡量模型的建設(shè)，需要輸出專業(yè)的體驗衡量報告，以幫助企業(yè)了解當(dāng)前的體驗狀況和改進(jìn)方向。

報告應(yīng)包括對各指標(biāo)的分析和解讀，重點突出用戶體驗中的優(yōu)點和不足，提出針對性的改進(jìn)建議和優(yōu)化方案，以便企業(yè)能夠針對性地進(jìn)行改進(jìn)。

c.改進(jìn)迭代

系統(tǒng)監(jiān)控：需要建立數(shù)據(jù)監(jiān)控和反饋機制，及時掌握用戶使用情況和反饋，以便能夠及時調(diào)整和優(yōu)化產(chǎn)品。

專項改進(jìn)：需要根據(jù)具體情況制定專項改進(jìn)計劃，對具體問題進(jìn)行深入分析和解決，以提高用戶的使用體驗。

03）尾聲

本文的初衷，是為設(shè)計師朋友們提供建立衡量模型的思路，可以根據(jù)自己的公司和項目情況，構(gòu)建屬于自己的模型機制。

第一部分：

● 介紹了為什么需要進(jìn)行用戶體驗衡量。
● 許多設(shè)計師在工作中常常遇到一些問題，比如不知道產(chǎn)品是否好用、業(yè)務(wù)指標(biāo)是否能反映產(chǎn)品設(shè)計的好壞、用戶滿意度低等等。
● 通過衡量用戶體驗，可以對產(chǎn)品進(jìn)行管理和改進(jìn)。

第二部分：

● 介紹了目前常用的一些衡量方法，如滿意度、凈推薦值、費力度和專項競品分析等。我們提出了應(yīng)該用深入和精準(zhǔn)的方法，來了解用戶真實感受和業(yè)務(wù)需求。

● 介紹了B端產(chǎn)品的特點，包括自上而下的復(fù)雜使用場景、自下而上的理解用戶工作場景的復(fù)雜性，以及優(yōu)先級考量。針對這些特點，提出了指標(biāo)拆解及依據(jù)的方法，從場景導(dǎo)向、面向成長、穩(wěn)定可靠和結(jié)構(gòu)合理等方面進(jìn)行指標(biāo)考量和計算。通過觀點指標(biāo)和行為指標(biāo)的計算，可以得到最終的指標(biāo)值，并進(jìn)行指標(biāo)合并以進(jìn)行比較和評估。

● 強調(diào)了合作共建的重要性，需要與相關(guān)部門合作共同定義和收集指標(biāo)。通過對比新舊指標(biāo)值的變化，可以評估設(shè)計方案的優(yōu)化效果，并進(jìn)一步提升產(chǎn)品的體驗和價值。

我們希望大家能通過思考和探索，幫助設(shè)計師們從用戶體驗的角度打造更人性化、高效的衡量模型，打造更加優(yōu)秀、滿足用戶需求的產(chǎn)品。

作者：紀(jì)笙
來源：站酷

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