• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      首頁(yè)

      等級(jí)制度決定一切——學(xué)會(huì)控制人們首先看到的內(nèi)容

      清陽(yáng)

      什么是視覺層次?
      視覺層次結(jié)構(gòu)是指設(shè)計(jì)元素按重要性優(yōu)先排列和呈現(xiàn)的方式。它回答了一個(gè)關(guān)鍵問題:用戶應(yīng)該首先看到什么?
      通過(guò)控制用戶瀏覽頁(yè)面的方式,我們影響他們的理解和行為。有效的層級(jí)結(jié)構(gòu)確保最關(guān)鍵的元素(例如主要操作、關(guān)鍵信息或?qū)Ш剑┟摲f而出,而次要細(xì)節(jié)則保持輔助性但不引人注目。
      為什么層次結(jié)構(gòu)在 UI 設(shè)計(jì)中很重要?
      人們不會(huì)閱讀界面——他們只會(huì)瀏覽。研究表明,用戶只需 3-5 秒就能對(duì)設(shè)計(jì)形成看法。結(jié)構(gòu)良好的視覺層次有助于:
      突出顯示主要操作(例如注冊(cè)按鈕、特色產(chǎn)品)
      明確哪些內(nèi)容重要,哪些內(nèi)容次要(例如,標(biāo)題和正文)
      通過(guò)避免過(guò)多的選擇來(lái)減輕認(rèn)知負(fù)擔(dān)
      通過(guò)使導(dǎo)航直觀來(lái)提高可用性
      如果沒有明確的層次結(jié)構(gòu),用戶會(huì)感到迷茫、沮喪或不確定下一步該做什么——從而導(dǎo)致更高的跳出率和更低的參與度。
      視覺層次的核心原則
      為了創(chuàng)建強(qiáng)大的視覺層次,設(shè)計(jì)師會(huì)結(jié)合使用多種技術(shù)來(lái)自然地引導(dǎo)視線。以下是最強(qiáng)大的工具:
      規(guī)模:確立重要性最直接的方式
      較大的元素自然會(huì)首先吸引注意力。此原則適用于排版、按鈕、圖像和其他 UI 組件。
      示例:粗體、超大標(biāo)題比較小的副標(biāo)題更能吸引注意力。
      專業(yè)提示:使用尺寸遞增 — — 最大尺寸用于主要操作,中等尺寸用于次要信息,最小尺寸用于第三級(jí)細(xì)節(jié)。
      顏色與對(duì)比度:用戰(zhàn)略色調(diào)引導(dǎo)焦點(diǎn)
      高對(duì)比度的顏色可以突出重點(diǎn),而柔和的色調(diào)則會(huì)逐漸淡入背景。
      示例:鮮紅色的“立即購(gòu)買”按鈕在中性背景下顯得格外突出。
      專業(yè)提示:每個(gè)屏幕的強(qiáng)調(diào)色限制為 1-2 種,以避免視覺噪音。
      字體粗細(xì)與風(fēng)格:構(gòu)建信息流
      字體粗細(xì)(粗體、中等、常規(guī))和樣式(襯線、無(wú)襯線、斜體)有助于區(qū)分內(nèi)容級(jí)別。
      示例:粗體標(biāo)題、中等大小的副標(biāo)題和常規(guī)正文創(chuàng)建了清晰的閱讀路徑。
      專業(yè)提示:使用一致的類型比例(例如,H1,H2,H3)以獲得更好的可讀性。
      間距和對(duì)齊:組織內(nèi)容,確保清晰
      空白(或負(fù)空間)與元素本身一樣重要——它可以防止混亂并將相關(guān)項(xiàng)目分組。
      示例:部分之間的間距越大,不同的主題就越分散,而緊密的間距則連接相關(guān)元素(如標(biāo)簽及其輸入字段)。
      專業(yè)提示:使用一致的邊距和填充來(lái)創(chuàng)造節(jié)奏和平衡。
      放置:利用自然的掃描模式
      在從左到右的語(yǔ)言(如英語(yǔ))中,用戶通常以 F 模式或 Z 模式掃描,從左上角開始。
      示例:關(guān)鍵操作(如“注冊(cè)”按鈕)通常放置在右上角或中心,以實(shí)現(xiàn)最大可見度。
      專業(yè)提示:將關(guān)鍵元素放置在眼睛首先自然看到的位置。
      現(xiàn)實(shí)世界中強(qiáng)大的視覺層次示例
      Spotify
      使用粗體標(biāo)題突出顯示播放列表和專輯。
      對(duì)比色使 CTA(如“播放”按鈕)脫穎而出。
      軌道之間一致的間距提高了可讀性。
      Instagram
      大型、居中的圖標(biāo)引導(dǎo)導(dǎo)航。
      高對(duì)比度的個(gè)人資料操作(關(guān)注、消息)脫穎而出。
      空格將帖子分開,以提供干凈、集中的提要。
      多鄰國(guó)
      超大按鈕鼓勵(lì)互動(dòng)。
      頂部的進(jìn)度條營(yíng)造出一種成就感。
      顏色編碼的反饋(綠色代表正確,紅色代表錯(cuò)誤)強(qiáng)化學(xué)習(xí)。
      如何提高你的視覺層次技能
      如果您想像專業(yè)人士一樣掌握視覺層次結(jié)構(gòu),請(qǐng)按照以下方法升級(jí):
      研究熱門應(yīng)用——分析領(lǐng)先產(chǎn)品(例如 Airbnb、Apple 或 Notion)的布局結(jié)構(gòu)。
       對(duì)比前后效果——重新設(shè)計(jì)現(xiàn)有 UI,了解層級(jí)變化如何影響可用性。
      使用 Figma 練習(xí)——在實(shí)際項(xiàng)目中嘗試不同的尺寸、對(duì)比度和間距。
      最后的想法
      優(yōu)秀的視覺層次結(jié)構(gòu)不僅僅關(guān)乎美觀,更關(guān)乎功能性、清晰度和用戶控制。當(dāng)用戶能夠立即了解應(yīng)該查看的位置和操作時(shí),他們會(huì)更加投入,更快地完成轉(zhuǎn)化,并享受體驗(yàn)。
      通過(guò)掌握層次結(jié)構(gòu),您不僅可以設(shè)計(jì)更好的界面,還可以設(shè)計(jì)更好的體驗(yàn)。
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      Spotify Wrapped 的社會(huì)意義

      清陽(yáng)

      科技行業(yè)如何終結(jié)后現(xiàn)代主義并促進(jìn)個(gè)人主義
      Wham! 音樂節(jié)、可口可樂廣告,以及例行的家庭聚餐;西方的圣誕周簡(jiǎn)直是老生常談。我們甚至在十二月有了一個(gè)新的傳統(tǒng):一年一度的 Spotify Wrapped。我們甚至還有一個(gè)新的十二月傳統(tǒng):一年一度的 Spotify Wrapped。
      乍一看,這個(gè)概念似乎是一個(gè)絕妙的營(yíng)銷策略,但其背后卻隱藏著更深層的含義。為什么這些音樂回顧會(huì)迅速走紅?為什么人們想要分享他們聽過(guò)的音樂?
      Spotify 告訴我:“2024 年,你經(jīng)歷了‘末日永久波浪藝術(shù)搖滾’階段。” 這到底是怎么回事?這到底意味著什么?真的值得分享嗎?
      如果Spotify Wrapped在 20 世紀(jì)初就存在,那么大多數(shù)列表看起來(lái)都會(huì)一樣:“你最喜歡的藝術(shù)家是 Ella Fitzgerald、Billie Holiday 和 Frank Sinatra。”
      20世紀(jì)后半葉,社會(huì)發(fā)生了變化。“Wrapped”這個(gè)詞原本是針對(duì)亞文化的。“你是垃圾搖滾樂手,你最喜歡的藝人是愛麗絲囚徒樂隊(duì)、聲音花園樂隊(duì)和涅槃樂隊(duì)。”或者,“嘿,嘻哈樂手,你最常聽2Pac、Biggie和武當(dāng)派。”這些亞文化在如今的時(shí)代已經(jīng)基本消失了。
      如今,人們的聽歌模式高度個(gè)性化。Spotify 不僅通過(guò)其 Spotify Wrapped 滿足了這一需求,還推出了 AI 生成的個(gè)人播放列表和歌曲推薦。
      在本文中,我將探討 Spotify 以及其他行業(yè)應(yīng)用中的個(gè)性化功能。我將探究音樂消費(fèi)隨時(shí)間的變化,以及個(gè)性化如何提升 Spotify Wrapped 的文化重要性。
      照片:Spotify
      人們是如何變得“不同”的
      我們必須區(qū)分三個(gè)不同的時(shí)期:現(xiàn)代性、后現(xiàn)代性和網(wǎng)絡(luò)現(xiàn)代性。
      在啟蒙運(yùn)動(dòng)至20世紀(jì)60年代的現(xiàn)代性時(shí)期,個(gè)人的消費(fèi)選擇并不多。創(chuàng)意世界主要只對(duì)精英階層開放,產(chǎn)品大多在本地生產(chǎn),工人階級(jí)的日常生活主要集中在工作和家庭上。
      這種與世隔絕的生活導(dǎo)致了某種程度上單一的文化。普通人只能收聽地方電臺(tái),他們會(huì)在市中心的服裝店購(gòu)買褲子和裙子,他們的觀點(diǎn)也受到當(dāng)?shù)鼐瓢?酒館/麥芽酒館的影響。因此,大多數(shù)人的長(zhǎng)相幾乎一模一樣,聽的音樂也大同小異。市場(chǎng)替人們做決定。人們只是適應(yīng)提供給他們的產(chǎn)品。
      19世紀(jì),上層和中產(chǎn)階級(jí)會(huì)專門去劇院欣賞交響樂或歌劇。他們會(huì)買票,全神貫注地欣賞音樂。
      隨著收音機(jī)和唱片機(jī)的發(fā)明,人們把音樂帶進(jìn)客廳成為可能。一家人圍坐在音響旁,聆聽新聞、故事或音樂。
      20世紀(jì)40年代,汽車收音機(jī)普及,人們開始在旅途中聽音樂。當(dāng)時(shí)藝術(shù)家的數(shù)量仍然很少,所以近代晚期的人們大多聽杜克·艾靈頓、本尼·古德曼和格倫·米勒的大樂隊(duì)。音樂的宏大敘事從19世紀(jì)的古典音樂轉(zhuǎn)向了20世紀(jì)初的爵士樂。
      始于20世紀(jì)60年代的后現(xiàn)代時(shí)代,人們的生活發(fā)生了翻天覆地的變化。戰(zhàn)后工業(yè)帶來(lái)了大量新的可能性。新的通訊技術(shù)和更廉價(jià)的運(yùn)輸方式催生了全球化經(jīng)濟(jì)。
      消費(fèi)者開始擁有更多選擇和閑暇時(shí)間。因此,他們可以將更多精力投入到自己的身份認(rèn)同、時(shí)尚和愛好中。亞文化應(yīng)運(yùn)而生。孩子們組建搖滾樂隊(duì),并按照亞文化的模式行事。
      樂器如今已普及,中產(chǎn)階級(jí)也開始擁抱音樂,樂隊(duì)的數(shù)量也隨之急劇增長(zhǎng)。飛利浦于1963年發(fā)明了磁帶。從此,樂隊(duì)錄制樣帶成為可能,而為青少年時(shí)期的暗戀對(duì)象制作混音帶也成為了一種表達(dá)愛意的方式。
      第一批個(gè)性化播放列表誕生了。索尼于1979年推出隨身聽,人們甚至可以在乘坐公共交通工具時(shí)收聽這些播放列表。當(dāng)時(shí)人們的智力水平較低,無(wú)法完全理解音樂中的微妙之處和張力,因此音樂需要變得更加簡(jiǎn)單。然而,由于非音樂學(xué)院的音樂家也開始創(chuàng)作歌曲,音樂也逐漸走向了更簡(jiǎn)單的創(chuàng)作形式。
      音樂越來(lái)越成為一種背景娛樂,而非一項(xiàng)主要的活動(dòng)。它也變得孤立起來(lái)。古典音樂和爵士樂的宏大敘事被拋在身后,亞文化隨之興起。
      亞文化的興起部分源于電子樂器的多樣化選擇。電吉他為各種搖滾樂的出現(xiàn)鋪平了道路,而合成器和打擊樂則為說(shuō)唱、舞曲和流行音樂奠定了基礎(chǔ)。
      不同類型的文化形成了獨(dú)特的時(shí)尚潮流,并與社會(huì)和政治運(yùn)動(dòng)緊密相連。叛逆者偏愛朋克音樂和滑板美學(xué),浪漫的少女們則崇拜男子樂隊(duì)和雜志,而足球流氓則熱衷于地下舞曲和運(yùn)動(dòng)服飾。
      公司同樣抓住了這一趨勢(shì),并創(chuàng)建了能夠滿足特定人群需求的品牌(MTV、雜志和時(shí)尚品牌)。
      隨身聽 — 圖片來(lái)源:Silas GregoryUnsplash
      20 世紀(jì) 90 年代末,互聯(lián)網(wǎng)成為主流,孩子們現(xiàn)在可以接觸到更加多元文化和多樣化的文化/流行音樂。
      互聯(lián)網(wǎng)論壇和社交媒體應(yīng)運(yùn)而生,讓世界各地的人們得以相互聯(lián)系。超越自身亞文化圈,尋找文化同伴的可能性也隨之提升。科技公司及其產(chǎn)品也變得更加精巧,能夠利用智能系統(tǒng)滿足用戶的個(gè)人需求,而非群體欲望。
      本世紀(jì)的音樂消費(fèi)方式發(fā)生了翻天覆地的變化。Napster和Kazaa等互聯(lián)網(wǎng)下載以及Winamp等音樂播放器的出現(xiàn),使得消費(fèi)者越來(lái)越關(guān)注單曲而非整張專輯。
      Napster,來(lái)源:XDA和 Kazaa,來(lái)源:Poihouston
      隨著Spotify等流媒體服務(wù)的誕生,這一現(xiàn)象得到了進(jìn)一步發(fā)展。無(wú)限量收聽服務(wù)讓音樂愛好者能夠創(chuàng)建自己獨(dú)特的個(gè)人播放列表,從而進(jìn)一步摧毀宏大敘事。
      社會(huì)從由電臺(tái)主持人主導(dǎo)的音樂體驗(yàn),到通過(guò)購(gòu)買黑膠唱片和 CD 唱片(由唱片店中的流派部分引導(dǎo)),再到讓用戶完全控制其播放列表的 Spotify。
      這個(gè)世紀(jì)中最后一個(gè)時(shí)代是后現(xiàn)代主義的延續(xù),它被冠以多種名稱:表演主義(Eshelman)、超現(xiàn)代主義(Lipovetsky)、另類現(xiàn)代主義(Bourriaud)和元現(xiàn)代主義(Vermeulen & Van den Akker)。
      我認(rèn)為在線部分的影響最為顯著,因此認(rèn)為數(shù)字現(xiàn)代主義是最合適的標(biāo)簽,這個(gè)術(shù)語(yǔ)由艾倫·柯比 (Alan Kirby) 在其 2009 年出版的書《數(shù)字現(xiàn)代主義:新技術(shù)如何瓦解后現(xiàn)代主義并重塑我們的文化》中提出
      我個(gè)人會(huì)提倡賽博現(xiàn)代主義,甚至賽博主義(這樣現(xiàn)代主義就可以被徹底拋棄)。但我們已經(jīng)眼花繚亂了,所以別再提我的建議了。
      如果你想了解更多關(guān)于現(xiàn)代主義和后現(xiàn)代主義的區(qū)別,你可以閱讀:科技和披頭士樂隊(duì)如何改變藝術(shù)、性、工作和真理
      對(duì)音樂的影響
      20世紀(jì)初,劇院觀眾有足夠的體力聽完整部馬勒或肖斯塔科維奇的交響曲。在后現(xiàn)代時(shí)期,平克·弗洛伊德的《月之暗面》、Depeche Mode的《Violator》和Radiohead的《Kid A》都被認(rèn)為是完整的音樂作品,應(yīng)該作為整張唱片來(lái)聆聽。然而,在數(shù)字現(xiàn)代時(shí)代,用戶開始對(duì)歌曲進(jìn)行精挑細(xì)選。
      Spotify 最近改變了其界面,使每首曲目的獨(dú)特藝術(shù)家變得更加明顯,這表明聽眾已經(jīng)越來(lái)越多地從擁有單個(gè)藝術(shù)家的播放列表轉(zhuǎn)向擁有各種藝術(shù)家的收藏。
      新的 spotify 播放列表 UI 更加強(qiáng)調(diào)每首曲目的獨(dú)特藝術(shù)家
      智能算法同樣允許連續(xù)播放,類似于社交媒體或約會(huì)應(yīng)用上的無(wú)限滾動(dòng)設(shè)計(jì)。這帶來(lái)了一種內(nèi)容永不結(jié)束的用戶體驗(yàn)。消費(fèi)者隨時(shí)可以跳過(guò)一首歌曲/一段視頻/一次約會(huì),因?yàn)橄乱皇赘枨?一段視頻/一個(gè)女朋友隨時(shí)可用。這導(dǎo)致了“微波爐心態(tài)”。人們渴望即時(shí)的改變和滿足感。
      藝術(shù)家們別無(wú)選擇,只能創(chuàng)作能夠直接抓住聽眾注意力的歌曲;“跳過(guò)”按鈕很快就被用掉了。因此,一首歌曲吸引聽眾注意力所需的時(shí)間大幅縮短。齊柏林飛船樂隊(duì)可以輕松完成4分鐘的吉他前奏,但當(dāng)代流行歌手必須快速進(jìn)入副歌部分,以免失去聽眾的注意力。
      同樣,音樂也從主要的娛樂來(lái)源(戲劇)變成了一種背景活動(dòng)。音樂理論的機(jī)制超出了本文的討論范圍,但流行音樂,尤其是它的和弦和進(jìn)行,確實(shí)變得簡(jiǎn)單得多。
      盡管這種簡(jiǎn)化,音樂需要張力才能令人愉悅。所有藝術(shù)形式都依賴于某種形式的張力和釋放。沒有張力,就無(wú)法獲得滿足感。
      在過(guò)去的一百年里,我們見證了音樂從用不和諧音符營(yíng)造張力,到運(yùn)用現(xiàn)代制作技巧來(lái)增添張力的轉(zhuǎn)變。如今的音樂很大程度上依賴于有趣的節(jié)奏、音色層次和質(zhì)感——而這些是后現(xiàn)代樂隊(duì)所無(wú)法運(yùn)用的。
      聽眾還可以使用具有更廣闊聲音頻率范圍的音響設(shè)備,從而使制作人可以為音樂的低端(低音)添加更多微妙之處。
      在現(xiàn)代,人們通過(guò)巧妙的作曲營(yíng)造緊張感。鋼琴會(huì)彈奏出“怪異”的音符,小提琴則會(huì)加入一些相互矛盾的音符。在后現(xiàn)代,失真的吉他、高亢的歌聲和體育場(chǎng)搖滾鼓組營(yíng)造出一種不適感。而在數(shù)字現(xiàn)代,引人入勝的節(jié)奏和音景則吸引著聽眾。
      歌詞也變得更加 感性化個(gè)性化。大衛(wèi)·鮑伊、鮑勃·迪倫和披頭士樂隊(duì)反復(fù)運(yùn)用虛構(gòu)人物來(lái)講述故事。科特·柯本、埃迪·維德和杰夫·巴克利則更多地發(fā)自內(nèi)心地表達(dá)情感。這種趨勢(shì)在21世紀(jì)初的Emo音樂運(yùn)動(dòng)中得以延續(xù)。
      如今,大多數(shù)流行音樂都極具個(gè)人色彩,因此在創(chuàng)作張力之外,又增添了另一種張力。Spotify 提供了一項(xiàng)功能,允許聽眾在欣賞音樂的同時(shí)查看歌詞。
      Spotify 展示的歌詞變得更加個(gè)性化和情感化
      Spotify 的商業(yè)動(dòng)機(jī)
      Spotify 采用標(biāo)準(zhǔn)的免費(fèi)增值模式,提供包含廣告的免費(fèi)套餐和需要付費(fèi)訂閱的高級(jí)套餐。對(duì)于像 Spotify 這樣的公司來(lái)說(shuō),用戶增長(zhǎng)至關(guān)重要。用戶越多,收集的行為數(shù)據(jù)就越多。這讓他們能夠改進(jìn)產(chǎn)品,通過(guò)個(gè)性化服務(wù)進(jìn)一步吸引(甚至培養(yǎng))用戶,并滿足其商業(yè)伙伴(投資者、風(fēng)險(xiǎn)投資家、廣告商和唱片公司)的需求。
      用戶流失率是最重要的績(jī)效指標(biāo)之一。該指標(biāo)追蹤用戶退訂的速度和幅度。與大多數(shù)硅谷公司一樣,Spotify 擁有一支增長(zhǎng)團(tuán)隊(duì),他們利用數(shù)據(jù)分析、用戶訪談和市場(chǎng)趨勢(shì)來(lái)確定鎖定用戶的策略。
      Spotify Wrapped 在留住這些用戶方面發(fā)揮著至關(guān)重要的作用。這一機(jī)制是許多人不愿錯(cuò)過(guò)的社交禮儀的一部分。取消訂閱 Spotify 意味著用戶將失去 12 月的習(xí)慣,這可能會(huì)損害他們的社交地位。
      Spotify 對(duì)用戶了解得越多,他們年度的Wrapped就越個(gè)性化,Spotify 也就越能打造出符合用戶習(xí)慣和需求的用戶體驗(yàn)。個(gè)性化播放列表和推薦固然是寶貴的工具,但不難想象未來(lái)人工智能將被用于創(chuàng)造更加個(gè)性化的體驗(yàn)。音樂和歌詞可以根據(jù)個(gè)人數(shù)據(jù)進(jìn)行調(diào)整。遲早,你可能會(huì)擁有自己的專屬“音樂家”。
      Spotify 使用人工智能創(chuàng)作音樂還有另一個(gè)經(jīng)濟(jì)動(dòng)機(jī)。人工智能音樂創(chuàng)作者會(huì)從中獲得版稅,從而擠走原創(chuàng)者,進(jìn)一步擴(kuò)大其市場(chǎng)主導(dǎo)地位。Spotify 已經(jīng)在用于專注力的背景音樂播放列表中(例如,輕松爵士咖啡館或?qū)WO簡(jiǎn)電子樂)推出了這一概念。現(xiàn)在,人工智能藝術(shù)家也受到了大力推廣
      個(gè)性化的其他領(lǐng)域
      Spotify 并非唯一一家應(yīng)用個(gè)性化服務(wù)的公司,而是全球趨勢(shì)的一部分。其他行業(yè)也需要借鑒,才能理解個(gè)性化播放列表如何影響個(gè)人生活。
      電影行業(yè)經(jīng)歷了與音樂行業(yè)類似的轉(zhuǎn)型。從現(xiàn)代電影狂熱者走進(jìn)影院,到后現(xiàn)代主義者根據(jù)一系列電視頻道或借用VHS錄像帶挑選電影,再到數(shù)字現(xiàn)代主義者擁有提供無(wú)限選擇、卻只推薦少數(shù)幾部電影的流媒體服務(wù)。
      現(xiàn)代主義購(gòu)物者會(huì)去當(dāng)?shù)貢r(shí)裝店購(gòu)買僅有的牛仔褲,而在后現(xiàn)代全球化時(shí)代,運(yùn)輸和生產(chǎn)成本降低,郵購(gòu)目錄和購(gòu)物中心提供了更多選擇。像亞馬遜或Zalando這樣的數(shù)字現(xiàn)代在線商店為購(gòu)物者提供了無(wú)限的選擇,同時(shí)推薦特定的個(gè)性化商品。
      20世紀(jì)初,人們吃的都是家鄉(xiāng)特色菜,但隨著移民的涌入,食物的選擇也變得豐富多樣。印度菜、印尼菜和意大利菜也應(yīng)運(yùn)而生。如今,數(shù)字化現(xiàn)代的外賣應(yīng)用提供了豐富的菜品選擇和推薦。
      圖片:Spotify
      網(wǎng)上約會(huì)
      或許,約會(huì)和性的世界就是社會(huì)從現(xiàn)代單一文化社會(huì)走向分裂身份的最好例子。
      現(xiàn)代男人會(huì)在教堂或鄉(xiāng)村體育俱樂部找到他的鄰家女孩。現(xiàn)代男人是異性戀,現(xiàn)代女人也是。20世紀(jì)60年代的性革命帶來(lái)了改變。女性開始獲得越來(lái)越多的權(quán)利,同性戀也逐漸被接受。
      后現(xiàn)代的約會(huì)生活從教堂轉(zhuǎn)移到了夜生活場(chǎng)所,派對(duì)愛好者可以找到志同道合、與自身亞文化相契合的人。同性戀者可以在同志酒吧找到同伴。
      現(xiàn)代數(shù)字時(shí)代的約會(huì)搜索已基本轉(zhuǎn)移到線上。這意味著找到符合某人特定特征的人會(huì)更容易。
      因此,異性戀或同性戀的性別壁壘或許可以被打破。數(shù)字現(xiàn)代的性身份認(rèn)同完全碎片化。約會(huì)應(yīng)用為用戶提供了豐富的個(gè)人篩選條件和性偏好,從泛性戀、雙性戀、酷兒到女性、異性戀或性取向。
      對(duì)人們的影響
      本文概述了世界如何從單一選擇的現(xiàn)代,經(jīng)過(guò)多元選擇的后現(xiàn)代時(shí)代,走向無(wú)限選擇的數(shù)字現(xiàn)代主義。我們身份的重要性和作用與這些趨勢(shì)相符。
      音樂聽眾從適應(yīng)現(xiàn)代社會(huì)習(xí)俗,成為亞文化的一員,變成完全獨(dú)特的人。
      Spotify 通過(guò)提供“發(fā)現(xiàn)每周”“每日精選”播放列表來(lái)促進(jìn)這一轉(zhuǎn)變。除了這些個(gè)性化播放列表外,Spotify 還提供連續(xù)播放功能。該軟件會(huì)分析用戶播放列表的內(nèi)容,并繼續(xù)播放與該播放列表中特定歌曲匹配的歌曲。
      如今,用戶的聆聽模式如此獨(dú)特,以至于這可能會(huì)讓他們陷入存在危機(jī)。他們的音樂身份是什么?他們的聆聽行為是否符合他們的個(gè)性?他們?nèi)绾蜗蛏缃画h(huán)境展現(xiàn)自我?
      Spotify Wrapped 的重要性如今已顯而易見。該機(jī)制允許用戶向所有想了解自己的人分享真實(shí)的自我——至少用戶是這么認(rèn)為的。
      在現(xiàn)代社會(huì),人們會(huì)根據(jù)有限的可用產(chǎn)品調(diào)整自己的行為。數(shù)字化現(xiàn)代產(chǎn)品則能適應(yīng)用戶的需求。自適應(yīng)設(shè)計(jì)是用戶體驗(yàn)領(lǐng)域中經(jīng)常使用的一個(gè)術(shù)語(yǔ)。這究竟揭示了關(guān)于人和產(chǎn)品的哪些信息?
      社會(huì)是否正在經(jīng)歷產(chǎn)品行業(yè)的哥白尼式革命?這一轉(zhuǎn)變發(fā)生在20世紀(jì)90年代,當(dāng)時(shí)唐納德·諾曼(Don Norman)提出了用戶體驗(yàn)設(shè)計(jì)這一技藝。他徹底改變了設(shè)計(jì)行業(yè),將用戶,而不是公司或技術(shù),置于設(shè)計(jì)的中心。
      個(gè)人如今是否已成為宇宙的中心?這是否意味著社會(huì)真的以自我為中心?世界無(wú)疑已經(jīng)變成了一個(gè)高度個(gè)人化的社會(huì)。然而,這種現(xiàn)象仍然依賴于文化。
      美國(guó)獨(dú)具個(gè)人主義色彩,與歐洲截然不同。歐洲重視個(gè)人主義,但又將其融入社會(huì)潮流。許多亞洲和非洲國(guó)家集體主義特征多于個(gè)人主義特征。亞洲的個(gè)人更多地代表著某個(gè)家庭或部落,而非個(gè)人選擇的產(chǎn)物。
      圖片:Spotify
      我們是誰(shuí)?
      如果我們探討個(gè)人身份,那么首先要提到的是法國(guó)存在主義者。讓-保羅·薩特認(rèn)為,許多人的身份認(rèn)同取決于他們的工作。
      “一位盡職盡責(zé)的咖啡館服務(wù)員會(huì)將自己完全認(rèn)同于服務(wù)員的角色。但這種認(rèn)同是一種不誠(chéng)實(shí)的表現(xiàn),因?yàn)樗穸巳祟愐庾R(shí)的超越性。”
      雖然這種說(shuō)法在一定程度上是正確的,但千禧一代和Z世代的個(gè)人身份認(rèn)同對(duì)工作的依賴程度較低。他們傾向于尋找與自身職業(yè)相匹配的工作
      近代以來(lái),工作機(jī)會(huì)稀少,人們往往選擇從事一些基礎(chǔ)性工作。而如今,勞務(wù)行業(yè)提供了更多的就業(yè)機(jī)會(huì),為勞動(dòng)者提供了找到符合自身意愿的工作的途徑。
      同樣,民族認(rèn)同在人們的生活中也變得不那么重要了,至少對(duì)年輕人來(lái)說(shuō)是這樣。數(shù)字現(xiàn)代主義讓我們能夠消費(fèi)的媒體遠(yuǎn)遠(yuǎn)超出國(guó)家媒體(BBC、法國(guó)電視臺(tái)等)和企業(yè)報(bào)紙。
      任何讀過(guò)三頁(yè)歷史書或研究過(guò)地緣政治戰(zhàn)略的西方人都會(huì)意識(shí)到,西方新殖民主義政府有很多令人尷尬的地方。正如荒誕派作家阿爾貝·加繆所說(shuō):
      “民族主義不是原因,而是結(jié)果,是集體神經(jīng)癥的結(jié)果。”
      非盎格魯撒克遜人的Z世代在成長(zhǎng)過(guò)程中以英語(yǔ)作為第二母語(yǔ),他們觀看“YouTube英語(yǔ)”,出國(guó)留學(xué),并迅速與持有不同護(hù)照和母語(yǔ)的人建立戀愛關(guān)系。Z世代的民族認(rèn)同感正在逐漸消退。
      另一個(gè)曾經(jīng)給予我們物品的機(jī)構(gòu)是教堂。正如朱迪斯·巴特勒所說(shuō):
      “宗教實(shí)踐的表演維度是將宗教規(guī)范作為身份構(gòu)成的一部分來(lái)體現(xiàn)的一種方式。”
      世界正在快速經(jīng)歷世俗化轉(zhuǎn)型。教堂出席人數(shù)驟減,青少年也越來(lái)越少參與他們父母所倡導(dǎo)的宗教運(yùn)動(dòng)。
      提到朱迪斯·巴特勒,順理成章地接下來(lái)要談的是性。我已經(jīng)討論過(guò)我們的性身份認(rèn)同是如何變得碎片化的。正如米歇爾·福柯指出的:
      “規(guī)范性觀念是通過(guò)權(quán)力在身體、個(gè)人和群體中實(shí)施而得到闡述和植入的。”
      如果性別認(rèn)同是一種社會(huì)建構(gòu),那么智力獨(dú)立就會(huì)使性偏好不那么嚴(yán)格。
      值得一提的是,政治光譜中保守派人士或許仍會(huì)堅(jiān)守自己的宗教、國(guó)籍、性別角色、性取向和工作。然而,對(duì)于進(jìn)步派人士來(lái)說(shuō),這些支柱正在瓦解。越“西化”,社會(huì)就越個(gè)體化也如此)。
      尤其是盎格魯-撒克遜國(guó)家,已經(jīng)變得高度個(gè)人化,人們強(qiáng)烈渴望展現(xiàn)自我,卻無(wú)法再依賴古老既定的符號(hào)。
      在歐洲,人們會(huì)展現(xiàn)自己的個(gè)人身份,但通常不會(huì)強(qiáng)迫他人。美國(guó)人在這方面則更具攻擊性。他們可能會(huì)要求周圍的人使用他們獨(dú)特的代詞,在自己的汽車上貼上各種帶有奇特政治信息的貼紙,并賦予自己超越正當(dāng)言論的“言論自由權(quán)”。對(duì)某些人來(lái)說(shuō),言論自由意味著侮辱的自由。
      那么,人們?cè)撊绾我晕拿鞯姆绞教剿骱头窒碜晕遥考y身文化的蓬勃發(fā)展表明,人們正在尋找其他形式的自我表達(dá)。性取向也被用來(lái)展現(xiàn)個(gè)人特質(zhì)。然而,人們渴望更多能夠展現(xiàn)個(gè)人身份的工具。Spotify Wrapped 就是其中之一——一個(gè)重要的工具。
       
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      14 個(gè)邏輯驅(qū)動(dòng)的 UI 設(shè)計(jì)技巧,助您改善任何界面

      清陽(yáng)

      設(shè)計(jì)用戶界面絕非易事。布局、間距、字體和顏色的選擇數(shù)不勝數(shù),很容易讓人不知所措。而當(dāng)你考慮可用性、可訪問性和用戶心理等因素時(shí),挑戰(zhàn)只會(huì)越來(lái)越大。
      但好消息是,UI 設(shè)計(jì)其實(shí)沒那么復(fù)雜。從事產(chǎn)品設(shè)計(jì)師二十多年,我發(fā)現(xiàn)我的大部分視覺和交互設(shè)計(jì)決策都遵循一套清晰的邏輯準(zhǔn)則。這些準(zhǔn)則并非源于藝術(shù)天賦或直覺,而是直截了當(dāng)?shù)闹笇?dǎo)原則。
      當(dāng)然,創(chuàng)意天賦固然有用,但很多讓界面直觀、包容、賞心悅目的元素絕對(duì)是可以學(xué)習(xí)的。擁有結(jié)構(gòu)化的方法能讓你做出明智、一致的設(shè)計(jì)選擇。如果沒有它,你基本上只能依靠反復(fù)試驗(yàn)來(lái)讓事情“看起來(lái)正確”。
      最好的學(xué)習(xí)方法是什么?實(shí)踐出真知。那就讓我們深入探討一些實(shí)用的 UI 設(shè)計(jì)技巧吧。
      修復(fù)示例界面的 UI 設(shè)計(jì)技巧
      以下設(shè)計(jì)是一個(gè)社區(qū)博客平臺(tái)的個(gè)人資料頁(yè)面。第一個(gè)示例是原始設(shè)計(jì)。第二個(gè)示例是快速應(yīng)用一些邏輯驅(qū)動(dòng)的 UI 設(shè)計(jì)技巧的結(jié)果。
      即使你沒有太多的UI設(shè)計(jì)經(jīng)驗(yàn),你大概也能看出最初的設(shè)計(jì)感覺不太“對(duì)勁”。這是因?yàn)樗S多設(shè)計(jì)缺陷,可能會(huì)對(duì)可用性產(chǎn)生負(fù)面影響。你可能已經(jīng)發(fā)現(xiàn)了其中一些。
      現(xiàn)在,讓我們逐步了解改進(jìn)原始設(shè)計(jì)的過(guò)程,并使用這些 UI 設(shè)計(jì)技巧逐步解決每個(gè)問題:
      根據(jù)元素之間的密切關(guān)系來(lái)劃分空間
      界面元素之間的間距大小應(yīng)取決于元素之間的關(guān)聯(lián)程度。關(guān)聯(lián)程度越高的元素通常應(yīng)該靠得更近,以顯示它們的關(guān)聯(lián)性。不相關(guān)的元素之間應(yīng)留出更多空間來(lái)分隔。
      以這種方式使用間距是將信息拆分成更小組別的最有效方法之一。如果你將每個(gè)組想象成一個(gè)矩形,你會(huì)注意到界面是由許多小矩形套在更大的矩形中構(gòu)成的。首先在最內(nèi)側(cè)的矩形上應(yīng)用較小的間距,然后隨著向外移動(dòng),逐漸增加矩形之間的間距。
      確定界面元素之間的理想間距可能是一項(xiàng)令人沮喪且耗時(shí)的任務(wù)。有無(wú)數(shù)的選項(xiàng)可供選擇。與其一次一個(gè)像素地反復(fù)嘗試,不如創(chuàng)建一組簡(jiǎn)單的預(yù)定義間距選項(xiàng),以便更快地做出決策。
      設(shè)置簡(jiǎn)單 T 恤尺寸的間距選項(xiàng),以 8 點(diǎn)為增量。這也稱為使用 8 點(diǎn)網(wǎng)格,因?yàn)樗薪缑嬖刈罱K都會(huì)與一系列以 8 點(diǎn)為間隔的垂直和水平輔助線對(duì)齊。對(duì)于更詳細(xì)的界面,您可以使用 4 點(diǎn)為增量,以便更好地控制。
      與排版比例尺類似,間距選項(xiàng)應(yīng)該隨著元素尺寸的增大而相應(yīng)增大。這可以確保間距與較大的界面元素成比例。
      在我們的示例中,無(wú)論矩形之間的關(guān)聯(lián)程度如何,它們之間都只使用了預(yù)定義的超小間距 (8pt) 和小間距 (16pt)。這會(huì)導(dǎo)致設(shè)計(jì)看起來(lái)雜亂、擠壓,并且難以理解。根據(jù)元素之間的關(guān)聯(lián)程度增加間距有助于清晰地區(qū)分和分組內(nèi)容。
      以下是應(yīng)用預(yù)定義間距選項(xiàng)之前和之后的示例。
      2.確保界面元素具有 3:1 的對(duì)比度
      對(duì)比度是衡量?jī)煞N顏色之間感知亮度差異的指標(biāo)。它以 1:1 到 21:1 之間的比例表示。例如,黑色背景上的黑色文本對(duì)比度最低,為 1:1;而白色背景上的黑色文本對(duì)比度最高,為 21:1。有很多工具和Figma 插件可以幫助你測(cè)量色彩對(duì)比度,我最喜歡的是Web AIM 在線對(duì)比度檢查工具Figma Contrast 插件
      為了確保視障人士能夠清晰地查看界面細(xì)節(jié),請(qǐng)至少滿足Web 內(nèi)容無(wú)障礙指南 (WCAG) 2.1 AA 級(jí)色彩對(duì)比度要求。這意味著,表單字段和按鈕等用戶界面元素的對(duì)比度至少需要達(dá)到 3:1。
      在我們的示例中,圖標(biāo)和按鈕的對(duì)比度太低。低對(duì)比度按鈕的風(fēng)險(xiǎn)在于,視力較差的人可能無(wú)法識(shí)別它們是按鈕,因?yàn)樗麄兛床磺灏粹o的形狀。為按鈕添加對(duì)比度足夠的邊框,可以提高可訪問性。按鈕的淺灰色背景填充也被移除,這樣人們就不會(huì)誤認(rèn)為它們處于禁用狀態(tài)或非活動(dòng)狀態(tài)。圖標(biāo)的低對(duì)比度問題可以通過(guò)使用深灰色輕松解決。
      使用單個(gè)主按鈕執(zhí)行最重要的操作
      對(duì)于大多數(shù)網(wǎng)站或應(yīng)用項(xiàng)目,您需要設(shè)置三個(gè)按鈕權(quán)重來(lái)指示操作的重要性:主要、次要和第三級(jí)。根據(jù)界面的復(fù)雜程度,您可能還需要較小或較大的按鈕尺寸。
      以下按鈕樣式熟悉易用,且具有清晰的視覺層次,并非僅僅依賴于顏色。它們并非設(shè)計(jì)按鈕樣式的唯一方法,但卻是一種安全的選擇。了解更多按鈕設(shè)計(jì)技巧,以避免常見錯(cuò)誤。
      主按鈕的目的是突出顯示界面上最重要的操作。這有助于人們了解下一步該做什么才能完成他們的任務(wù)。
      使用主按鈕的指南:
      如果界面上沒有最重要的操作,請(qǐng)對(duì)這些操作使用二級(jí)或三級(jí)按鈕。
      避免在屏幕上使用多個(gè)主要按鈕。它們會(huì)爭(zhēng)奪注意力,并導(dǎo)致用戶對(duì)下一步操作感到困惑。
      在我們的示例中,我們假設(shè)“關(guān)注”操作是最重要的,并將其作為主要按鈕。
      確保按鈕具有足夠的目標(biāo)尺寸
      與大目標(biāo)相比,小目標(biāo)更難點(diǎn)擊或觸摸。對(duì)于運(yùn)動(dòng)控制能力受損的人,或者單手用拇指握住手機(jī)的人來(lái)說(shuō)尤其如此。
      嘗試并遵循以下準(zhǔn)則,以確保按鈕(和其他交互元素)具有足夠的目標(biāo)尺寸:
      按鈕尺寸至少為 48pt x 48pt。這與 8pt 網(wǎng)格對(duì)齊,并且略大于 WCAG 建議的 44pt x 44pt。
      使常用按鈕更大,以提高效率并避免錯(cuò)過(guò)它們。
      按鈕之間至少間隔 8pt,以防止人們誤按錯(cuò)誤的按鈕。
      在我們的示例中,兩個(gè)按鈕的目標(biāo)尺寸已經(jīng)足夠,但仍有足夠的空間來(lái)加寬按鈕。由于還有空間,您可以加寬按鈕以增加其目標(biāo)尺寸。
      5.確保重要內(nèi)容可見
      人們不會(huì)使用他們看不到的東西。將內(nèi)容隱藏在交互式菜單后面是保持界面簡(jiǎn)潔簡(jiǎn)潔的便捷方法,但這存在風(fēng)險(xiǎn),因?yàn)橛行┤丝赡軙?huì)忽略這些內(nèi)容。如果空間允許,請(qǐng)盡量確保重要的內(nèi)容和操作在需要時(shí)清晰可見。
      在我們的示例中,操作隱藏在交互式菜單中,以幫助簡(jiǎn)化設(shè)計(jì)。雖然看起來(lái)簡(jiǎn)潔明了,但存在一些風(fēng)險(xiǎn),可能會(huì)讓用戶錯(cuò)過(guò)這些操作。由于需要留出空間來(lái)顯示“分享”和“收藏”這兩個(gè)操作,因此請(qǐng)將它們顯示出來(lái),以確保用戶不會(huì)錯(cuò)過(guò)。
      減少大文本的字母間距
      讓大標(biāo)題看起來(lái)更好的一個(gè)小技巧是減小字母間距(字母之間的空間)。減小字母間距的程度取決于字體和大小,但通常情況下,文本越大,減小字母間距的幅度就越大。
      這是因?yàn)樵S多字體設(shè)計(jì)用于長(zhǎng)篇正文的小字號(hào)閱讀。它們被稱為“正文型”字體,字母間距較大,以便在小字號(hào)下更易辨認(rèn)。對(duì)于“顯示型”字體,您可能不需要減小字母間距,因?yàn)樗鼈冊(cè)O(shè)計(jì)用于大字號(hào),通常字母間距較小。
      在我們的例子中,人名的字母間距減小了,以提高美觀度。
      不要僅僅依賴顏色作為指標(biāo)
      不要僅僅依靠顏色來(lái)傳達(dá)含義或區(qū)分視覺元素,因?yàn)橐暳Φ拖禄蛏さ娜丝赡軣o(wú)法看到指示符。使用其他視覺提示來(lái)區(qū)分界面元素。
      在我們的示例中,有兩個(gè)地方可能會(huì)令人困惑。讓我們來(lái)更清楚地解釋一下。
      如果您查看文章列表上方的 3 個(gè)標(biāo)簽頁(yè),可能不太容易看出“文章”是被選中的標(biāo)簽頁(yè)。這是因?yàn)闃?biāo)簽頁(yè)的顏色差異非常細(xì)微,用于指示選中狀態(tài)。在選中的標(biāo)簽頁(yè)上添加下劃線有助于使其更加清晰。
      同樣,在底部導(dǎo)航中,我們采用了微妙的顏色變化來(lái)區(qū)分所選圖標(biāo)和其他圖標(biāo)。為了更加明顯,所選圖標(biāo)被填充了顏色。
      盡量避免使用多重對(duì)齊
      使用的對(duì)齊類型越多(左對(duì)齊、右對(duì)齊或居中對(duì)齊),界面看起來(lái)就越復(fù)雜、越混亂。我們的眼睛在移動(dòng)時(shí),為了跟上每種對(duì)齊方式,不得不更加費(fèi)力。當(dāng)界面中的一個(gè)小組件或部分使用多種不同的對(duì)齊方式時(shí),這一點(diǎn)尤為突出。
      堅(jiān)持單一對(duì)齊方式(或盡可能少的對(duì)齊方式)有助于簡(jiǎn)化界面,使其看起來(lái)更整潔。
      在我們的示例中,標(biāo)簽頁(yè)居中對(duì)齊,而頁(yè)面上的大多數(shù)其他元素則左對(duì)齊。這種混合對(duì)齊方式增加了不必要的復(fù)雜性,導(dǎo)致認(rèn)知負(fù)荷(使用界面所需的腦力)略有增加。將標(biāo)簽頁(yè)左對(duì)齊有助于保持界面整潔。
      確保文本對(duì)比度為 4.5:1
      為了幫助確保有視力障礙的人能夠清晰地閱讀文本,它需要滿足以下 WCAG 2.1 AA 級(jí)對(duì)比度要求:
      小文本(18px 及以下)需要至少 4.5:1 的對(duì)比度。
      大文本(粗體字重 18px 以上或常規(guī)字重 24px 以上)需要至少 3:1 的對(duì)比度。
      在我們的示例中,未選中選項(xiàng)卡上的小文本對(duì)比度不足。使用較深的灰色可以提供足夠的對(duì)比度。
      10.考慮移除容器以簡(jiǎn)化界面
      將信息分解成更小的相關(guān)元素組有助于構(gòu)建和組織界面,讓人們更快、更容易地理解和記憶。
      您可以使用以下方法對(duì)相關(guān)元素進(jìn)行分組:
      將相關(guān)元素放在同一容器中
      空間相關(guān)元素緊密相連
      使相關(guān)元素看起來(lái)相似
      將相關(guān)元素對(duì)齊成一條連續(xù)的線
      使用容器是分組界面元素最有效的視覺提示,但它可能會(huì)造成不必要的混亂。尋找機(jī)會(huì)使用其他分組方法,它們通常更巧妙,有助于簡(jiǎn)化設(shè)計(jì)。
      在我們的示例中,每篇文章周圍的容器是不必要的,因?yàn)橐呀?jīng)使用了多種其他分組方法。移除容器還可以為內(nèi)容騰出更多空間。
      僅使用常規(guī)和粗體字體
      雖然某種字體有很多種粗細(xì),但這并不意味著你需要在 UI 設(shè)計(jì)中全部使用它們。使用過(guò)多不同的粗細(xì)會(huì)給界面帶來(lái)干擾和混亂,也會(huì)使統(tǒng)一使用每種粗細(xì)變得更加困難。
      僅使用常規(guī)和粗體字重,保持設(shè)計(jì)系統(tǒng)簡(jiǎn)潔明了。某些字體提供半粗體選項(xiàng),如果粗體字重過(guò)重,可以使用半粗體代替。
      快速使用提示:
      使用粗體字體來(lái)強(qiáng)調(diào)標(biāo)題。
      對(duì)于其他較小的文本,請(qǐng)使用常規(guī)字體粗細(xì)。
      如果您決定使用非常細(xì)或粗的字體,請(qǐng)將它們保留用于標(biāo)題和較大的文本,因?yàn)樗鼈冊(cè)谳^小的尺寸下可能難以閱讀。
      在我們的示例中,文章詳情使用了三種不同的字體粗細(xì)。即使“超細(xì)”和“細(xì)”字體粗細(xì)的對(duì)比度高于所需的 4.5:1,但某些用戶仍然可能難以閱讀這些字符。將字體粗細(xì)增加到“常規(guī)”有助于提高可讀性并簡(jiǎn)化設(shè)計(jì)。文章標(biāo)題使用“半粗體”有助于使其脫穎而出。
      僅使用兩種字體粗細(xì)即可得到以下設(shè)計(jì)。我們正在應(yīng)用 UI 設(shè)計(jì)技巧,目前進(jìn)展順利,但仍有一些問題需要解決。
      12.保持一致
      UI設(shè)計(jì)的一致性意味著相似的元素在外觀和工作方式上保持一致。這不僅應(yīng)該體現(xiàn)在您的產(chǎn)品中,也應(yīng)該體現(xiàn)在其他成熟產(chǎn)品中。這種可預(yù)測(cè)的功能可以提高可用性并減少錯(cuò)誤,因?yàn)橛脩魺o(wú)需不斷學(xué)習(xí)其工作原理。
      在我們的示例中,每篇文章的照片都有尖角,與按鈕和圖標(biāo)的柔和圓角不匹配。將照片的角弄圓有助于創(chuàng)建更一致的視覺語(yǔ)言。你可能認(rèn)為像這樣的小細(xì)節(jié)不會(huì)帶來(lái)太大的變化,但它們加在一起,就能讓設(shè)計(jì)看起來(lái)“恰到好處”。
      不要混淆極簡(jiǎn)主義和簡(jiǎn)單性
      極簡(jiǎn)并不意味著簡(jiǎn)單。設(shè)計(jì)師傾向于極簡(jiǎn)界面,因?yàn)樗鼈兛雌饋?lái)美觀簡(jiǎn)潔。極簡(jiǎn)界面元素和樣式較少,但理解和使用起來(lái)并不一定簡(jiǎn)單。
      極簡(jiǎn)界面通常會(huì)顯得模糊或令人困惑,因?yàn)樗鼈內(nèi)狈α己每捎眯运璧年P(guān)鍵細(xì)節(jié)。簡(jiǎn)化不僅僅是減少。刪除或隱藏太多內(nèi)容可能會(huì)損害可用性。你需要確保沒有刪除關(guān)鍵信息或細(xì)節(jié)。
      在我們的示例中,底部導(dǎo)航圖標(biāo)看起來(lái)簡(jiǎn)潔明了,但它們的含義清晰嗎?可能并非每個(gè)人都清楚。在圖標(biāo)上添加文本標(biāo)簽有助于確保人們能夠理解它們的含義,尤其是那些使用屏幕閱讀器(一種使用語(yǔ)音或盲文向盲人描述界面的軟件)的用戶。
      平衡圖標(biāo)和文字
      當(dāng)將圖標(biāo)與文本配對(duì)時(shí),請(qǐng)嘗試確保它們具有相似的視覺突出性,以獲得更加平衡和有凝聚力的外觀。
      在我們的示例中,底部導(dǎo)航欄中的圖標(biāo)和文字略微不平衡。圖標(biāo)和文字顏色相同,但圖標(biāo)更粗更大,使其更加突出。將文字加深可以增強(qiáng)其突出度,使其與圖標(biāo)保持平衡。將文字對(duì)比度提高到至少 4.5:1 也能確保視力不佳的用戶也能輕松閱讀。
      我們做到了!
      僅憑一些簡(jiǎn)單的UI設(shè)計(jì)技巧,我們就能夠識(shí)別并解決示例界面中的一系列問題。當(dāng)然,您可以根據(jù)需要進(jìn)一步調(diào)整視覺風(fēng)格,使其更貼合特定的品牌個(gè)性。不過(guò),在本例中,我們專注于確保基本原則的正確性。
      我希望你開始明白,UI 設(shè)計(jì)并不需要讓人感到不知所措。雖然它有時(shí)看起來(lái)像是一門只有天賦異稟的人才能掌握的神秘藝術(shù),但許多優(yōu)秀的界面設(shè)計(jì)都植根于清晰、合乎邏輯的指導(dǎo)原則,就像你在這里學(xué)到的那些一樣。
      依靠客觀指導(dǎo)而非主觀意見,設(shè)計(jì)直觀、易用且視覺精美的界面會(huì)更加輕松(且快捷)。你越多地運(yùn)用這些 UI 設(shè)計(jì)技巧,它們就越能自然而然地融入你的設(shè)計(jì)流程。以它們?yōu)榛A(chǔ),勇于探索、實(shí)驗(yàn),并在此基礎(chǔ)上進(jìn)一步激發(fā)你的創(chuàng)造力。
       
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
       

      UI設(shè)計(jì)靈感 | 數(shù)據(jù)可視化組件的風(fēng)格統(tǒng)一

      清陽(yáng)

       

      不是每個(gè)人都懂代碼,但人人都能讀懂圖。好的可視化,就是最短的認(rèn)知路徑。
       
      “象者,像也;圖者,道之載也。”從古人繪制龜甲紋樣,到現(xiàn)代圖標(biāo)承載數(shù)據(jù)含義,圖像始終是人類理解世界的重要方式。圖標(biāo),不只是點(diǎn)綴,它是數(shù)據(jù)可視化中最小的語(yǔ)言單元,是在信息時(shí)代中凝練認(rèn)知的符號(hào)。
      當(dāng)數(shù)據(jù)龐雜、結(jié)構(gòu)復(fù)雜時(shí),一個(gè)恰當(dāng)?shù)膱D標(biāo),能讓用戶在1秒內(nèi)完成感知。它超越文字的語(yǔ)境限制,讓理解不再依賴翻譯,而轉(zhuǎn)向直覺與共識(shí)。正如愛德華·塔夫特(Edward Tufte)所說(shuō):“圖像的力量,在于它能壓縮大量復(fù)雜的信息于一瞬。”
      在可視化系統(tǒng)中,圖標(biāo)既是入口,也是引導(dǎo)。它可以標(biāo)識(shí)維度、區(qū)分層級(jí)、提示交互,更可以成為信息傳達(dá)中的情緒錨點(diǎn)。一組好的圖標(biāo),是對(duì)視覺秩序的精準(zhǔn)構(gòu)建,是設(shè)計(jì)師與用戶之間的無(wú)聲對(duì)話。
      數(shù)據(jù)是理性的,圖標(biāo)是感性的。它們?cè)谝曈X設(shè)計(jì)中相遇,共同構(gòu)建了“看得見”的洞察與“記得住”的體驗(yàn)。圖標(biāo)之于數(shù)據(jù),不是附屬,而是語(yǔ)言的另一種可能。
       
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      審美積累 | UI設(shè)計(jì)中的“刻度”設(shè)計(jì)【一】

      清陽(yáng)

      刻度設(shè)計(jì)在復(fù)雜與模糊之間,它提供了一種可感知的秩序,建立人與界面之間的信任錨點(diǎn)
       
       
      刻度設(shè)計(jì)是界面里的“呼吸感”
      你有沒有注意過(guò)那些不動(dòng)聲色卻讓界面莫名安心的設(shè)計(jì)?
      比如一個(gè)滑塊的刻度,或者儀表盤上細(xì)微的分隔線——
      它們不說(shuō)話,但你總覺得:“嗯,這個(gè)界面有邏輯。”
       

      2a4b2036-0a43-48d3-af0b-056b37310c5a.jpeg

      3f5fa7f8-353c-4149-8ee0-0ec46f6609d6.jpeg

      32d7a208-0ccc-4b43-8bcf-be5ac49a5b9d.jpeg

      1280X1280 (1).JPEG

      1280X1280.JPEG

      ba7a63e2-3dd1-451a-bfb5-568c32e85264.jpeg

      d771f67f-a6f1-446d-8ec1-e9ae9e911b91.jpeg

      eab201ff-36a2-422b-96e6-71684a7412cc.jpeg

      output.jpg

      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      蘭亭妙微 用戶體驗(yàn)設(shè)計(jì)與醫(yī)療界面解決方案

      清陽(yáng)

      蘭亭妙微是專業(yè)的用戶體驗(yàn)設(shè)計(jì)公司與界面設(shè)計(jì)公司,聚焦用戶體驗(yàn)優(yōu)化,在 B 端界面設(shè)計(jì)中深入業(yè)務(wù)流程,通過(guò)調(diào)研優(yōu)化布局與交互,讓操作更簡(jiǎn)潔。
      作為 APP 界面設(shè)計(jì)公司,我們注重移動(dòng)端體驗(yàn),打造符合預(yù)期的界面。在醫(yī)療領(lǐng)域,電子病歷醫(yī)療數(shù)據(jù)分析界面設(shè)計(jì)充分考慮行業(yè)特性,確保數(shù)據(jù)準(zhǔn)確、操作便捷,減輕醫(yī)護(hù)負(fù)擔(dān)。
      同時(shí)具備高端網(wǎng)站設(shè)計(jì)能力,配合軟件開發(fā)團(tuán)隊(duì)實(shí)現(xiàn)設(shè)計(jì)與開發(fā)銜接。遵循 “享受設(shè)計(jì),享受生活” 文化,用心對(duì)待每個(gè)項(xiàng)目。
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      蘭亭妙微 軟件開發(fā)與電子病歷醫(yī)療界面設(shè)計(jì)服務(wù)

      清陽(yáng)

      蘭亭妙微作為專業(yè)的軟件開發(fā)公司,深耕行業(yè) 16 年,由清華團(tuán)隊(duì)引領(lǐng),在 QT 軟件開發(fā)領(lǐng)域具備扎實(shí)技術(shù)積累,能為企業(yè)定制穩(wěn)定的桌面應(yīng)用程序。
      設(shè)計(jì)方面,我們兼具用戶體驗(yàn)設(shè)計(jì)公司與界面設(shè)計(jì)公司的優(yōu)勢(shì),高端網(wǎng)站設(shè)計(jì)注重品牌特色與多終端適配;B 端界面設(shè)計(jì)、APP 界面設(shè)計(jì)則以用戶體驗(yàn)為核心,通過(guò)合理架構(gòu)提升操作效率。
      在醫(yī)療領(lǐng)域,我們參與電子病歷醫(yī)療數(shù)據(jù)分析界面設(shè)計(jì),從醫(yī)護(hù)場(chǎng)景出發(fā)優(yōu)化數(shù)據(jù)展示,讓復(fù)雜醫(yī)療信息清晰呈現(xiàn)。秉持 “敬事而信,德智兼修” 理念,已服務(wù)超 300 家客戶,完成 640 + 項(xiàng)目。
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      如何在線框圖上傳達(dá)視覺層次

      清陽(yáng)

      在設(shè)計(jì)中,運(yùn)用顏色是傳達(dá)視覺層次的最佳方式之一。但在線框圖中,它卻是最糟糕的方式之一。許多設(shè)計(jì)師認(rèn)為他們需要在線框圖上使用顏色來(lái)傳達(dá)層次。如果你用顏色來(lái)顯示視覺重量,你的最終設(shè)計(jì)可能會(huì)失去清晰度。
      顏色模糊了層次的清晰度
      這是因?yàn)樵蛨D上會(huì)有許多其他顏色與其競(jìng)爭(zhēng)。線框上的任何彩色元素都將不再清晰可見。當(dāng)其他頁(yè)面元素也帶有顏色時(shí),你賦予它的視覺重量就會(huì)減小。
      使用顏色的另一個(gè)風(fēng)險(xiǎn)是,許多設(shè)計(jì)師最終依賴顏色作為展示視覺層次的主要方式。在線框圖上用顏色很容易突出元素。但如果沒有顏色,你的視覺層次結(jié)構(gòu)還能清晰嗎?
      當(dāng)設(shè)計(jì)師忽略其他層次屬性時(shí),顏色就成了清晰度的拐杖。不要用顏色來(lái)彌補(bǔ)設(shè)計(jì)的不足。你的設(shè)計(jì)應(yīng)該沒有顏色,也應(yīng)該有清晰的層次結(jié)構(gòu)。
      由于許多網(wǎng)站都有色盲用戶,因此使用顏色并不總是有效。您的設(shè)計(jì)需要包含其他屬性,以便所有用戶都能清晰地了解元素的權(quán)重。
      視覺層次的其他屬性
      給線框圖添加顏色會(huì)讓人難以判斷視覺層次的強(qiáng)度。這是因?yàn)轭伾珪?huì)掩蓋其他層次屬性。避免使用顏色,反而會(huì)讓這些屬性更加突出。顏色的視覺重量在模型上會(huì)消失,但這些屬性卻會(huì)保留下來(lái)。
      尺寸
      并非所有元素都應(yīng)該具有相同的大小。元素越大,就越能吸引注意力。為了達(dá)到合適的尺寸,元素需要看起來(lái)比周圍的其他元素更大。
      形狀
      您可能希望突出顯示頁(yè)面上的內(nèi)容。您不僅可以使用顏色和大小,還可以使用形狀。用方框框住內(nèi)容或用線條將其劃分開來(lái),可以表明該區(qū)域很重要。
      放置
      用戶瀏覽頁(yè)面有特定的模式。有些頁(yè)面區(qū)域會(huì)比其他區(qū)域更受關(guān)注。您可以將重要內(nèi)容放在這些高關(guān)注度區(qū)域。首屏、頂部和左側(cè)是用戶視線最集中的地方。
      逆向著色
      顏色會(huì)模糊層次結(jié)構(gòu)的清晰度,但反色可以增強(qiáng)這種清晰度。大多數(shù)線框圖在淺色背景上使用深色。這是因?yàn)榇蠖鄶?shù)網(wǎng)站通常使用中性背景色。
      但是當(dāng)你反轉(zhuǎn)顏色時(shí),你就是在深色背景上應(yīng)用淺色。這是一種有效的傳達(dá)顏色的方式,而無(wú)需暗示特定顏色。
      建議使用某種特定顏色會(huì)讓瀏覽者疑惑這種顏色會(huì)如何影響設(shè)計(jì)的其他部分。這并非你在線框圖中想要的效果。你希望他們關(guān)注的是結(jié)構(gòu)和布局。
      您應(yīng)該在需要強(qiáng)烈色彩填充的界面元素上使用反色。按鈕、菜單和通知通常需要這種視覺清晰度,因?yàn)橛脩魰?huì)與它們交互。但不要過(guò)度使用。如果每個(gè)元素都采用深色底色上的淺色,就會(huì)失去層次感。
      線框圖案
      有一些線框圖工具包可以幫助您更輕松地傳達(dá)視覺層次結(jié)構(gòu)。您可以獲取我們?cè)O(shè)計(jì)的線框圖工具包: 線框圖模式。每個(gè) UI 模式都經(jīng)過(guò)精心設(shè)計(jì),具有視覺重量和清晰度,并且不使用任何顏色。
      無(wú)顏色的視覺層次
      如果你的視覺層次缺乏色彩,就無(wú)法清晰地展現(xiàn),說(shuō)明你的設(shè)計(jì)沒有充分運(yùn)用色彩元素。不借助色彩,傳達(dá)視覺層次不僅是可能的,更是必要的。
      這樣做可以讓你評(píng)估結(jié)構(gòu)和布局的清晰度。如果沒有顏色,線框就不夠清晰,缺乏強(qiáng)大的層次結(jié)構(gòu)。添加顏色并不能解決這個(gè)問題,更好的設(shè)計(jì)才能。
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      為什么左側(cè)搜索按鈕的執(zhí)行速度比右側(cè)搜索按鈕更快

      清陽(yáng)

      如今,每個(gè)網(wǎng)站都會(huì)將搜索框放在搜索按鈕之前。這樣做是因?yàn)橛脩魰?huì)先輸入搜索詞,然后再點(diǎn)擊按鈕。將搜索框放在按鈕之前或許合理,但由于多種原因,這種方式并不方便用戶使用。
      研究表明 ,右側(cè)搜索按鈕會(huì)降低用戶的瀏覽速度,因?yàn)樗鼈儠?huì)吸引更多、更長(zhǎng)時(shí)間的視覺注視。將搜索按鈕放在文本框左側(cè)可以減少視覺注視,并縮短搜索時(shí)間。由于我們習(xí)慣從左到右閱讀,左側(cè)搜索按鈕可以幫助用戶更快地找到搜索標(biāo)簽。除了按鈕標(biāo)簽之外,您不需要任何其他標(biāo)簽。這使得搜索欄更容易找到。
      由于文本框和按鈕標(biāo)簽距離較近,視覺注視點(diǎn)不僅更少,而且更短。這讓用戶確信他們正在輸入的字段是用于搜索的。
      使用右側(cè)搜索按鈕時(shí),從搜索詞到按鈕的視覺距離會(huì)更長(zhǎng)。用戶會(huì)先注視文本框,然后才會(huì)看到搜索按鈕。這意味著他們必須將視線移動(dòng)很長(zhǎng)一段距離,才能確定即將輸入的字段是用于搜索的。
      當(dāng)用戶輸入完搜索詞后,他們必須再次將視線移到最右側(cè)才能點(diǎn)擊搜索按鈕。這也意味著他們必須將鼠標(biāo)移動(dòng)得更遠(yuǎn)才能點(diǎn)擊搜索按鈕。但大多數(shù)用戶在輸入后會(huì)按下“Enter”鍵,而不是點(diǎn)擊按鈕。這個(gè)按鈕只是為那些習(xí)慣使用搜索按鈕的新手用戶設(shè)計(jì)的。
      如果您關(guān)心用戶,并希望他們?cè)谀木W(wǎng)站上獲得最佳的搜索體驗(yàn),請(qǐng)考慮使用左側(cè)搜索按鈕。如今,幾乎所有網(wǎng)站都使用右側(cè)搜索按鈕。雖然這種做法很流行,但并不意味著它是最好的選擇。有時(shí),與其他人的做法相反,效果會(huì)更好。
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      導(dǎo)航 為什么外部鏈接應(yīng)該在新標(biāo)簽頁(yè)中打開

      清陽(yáng)

      大多數(shù)設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí),并不太關(guān)注鏈接。只要鏈接有效,能將用戶引導(dǎo)至正確的頁(yè)面,就萬(wàn)事大吉了。但良好的用戶體驗(yàn)遠(yuǎn)不止于此。有些鏈接應(yīng)該在新的瀏覽器標(biāo)簽頁(yè)中打開,而有些鏈接則應(yīng)該在原瀏覽器標(biāo)簽頁(yè)中打開。設(shè)計(jì)師務(wù)必了解兩者的區(qū)別。

      瀏覽器標(biāo)簽改變了一切

      過(guò)去,許多人都不喜歡在新窗口中打開鏈接。新窗口對(duì)用戶來(lái)說(shuō)很難管理。但瀏覽器標(biāo)簽頁(yè)的推出改變了這一現(xiàn)狀。現(xiàn)在,您無(wú)需打開新窗口,而是可以在新標(biāo)簽頁(yè)中打開鏈接。最大的區(qū)別在于,瀏覽器標(biāo)簽頁(yè)比瀏覽器窗口更易于用戶管理。

      當(dāng)新窗口打開時(shí),它會(huì)覆蓋用戶之前的窗口。用戶會(huì)感到困惑,不知道如何返回。但是,當(dāng)新標(biāo)簽頁(yè)打開時(shí),用戶仍然可以在頂部看到之前的標(biāo)簽頁(yè)。用戶很容易理解如何在標(biāo)簽頁(yè)之間切換。 事實(shí)上,大多數(shù)用戶在瀏覽時(shí)都會(huì)打開多個(gè)標(biāo)簽頁(yè)。瀏覽器已經(jīng)發(fā)生了變化,因此設(shè)計(jì)師定位鏈接的方式也應(yīng)該隨之改變。

      內(nèi)部鏈接與外部鏈接

      將用戶引導(dǎo)至同一網(wǎng)站其他頁(yè)面的鏈接為內(nèi)部鏈接。內(nèi)部鏈接不應(yīng)在新的瀏覽器標(biāo)簽頁(yè)中打開,而應(yīng)在用戶當(dāng)前所在的標(biāo)簽頁(yè)中打開。

      在同一個(gè)網(wǎng)站打開新標(biāo)簽頁(yè)既多余又令人困惑。如果是同一個(gè)網(wǎng)站,但頁(yè)面不同,用戶會(huì)使用導(dǎo)航菜單返回或根據(jù)需要導(dǎo)航到其他地方。讓用戶停留在同一個(gè)標(biāo)??簽頁(yè)中,有助于他們更好地理解網(wǎng)站的導(dǎo)航流程。

      然而,外部鏈接應(yīng)該在新標(biāo)簽頁(yè)中打開。這些鏈接會(huì)將用戶引導(dǎo)至不同的網(wǎng)站。許多設(shè)計(jì)師會(huì)犯在同一個(gè)標(biāo)??簽頁(yè)中打開外部鏈接的錯(cuò)誤。這會(huì)帶來(lái)許多問題,設(shè)計(jì)師需要了解。

      后退按鈕疲勞

      在同一個(gè)標(biāo)??簽頁(yè)中打開外部鏈接,會(huì)給用戶帶來(lái)“返回鍵疲勞”。每次用戶訪問外部網(wǎng)站時(shí),他們都必須點(diǎn)擊“返回鍵”才能返回到你的網(wǎng)站。如果他們決定點(diǎn)擊其他網(wǎng)站上的鏈接,他們就必須點(diǎn)擊更多次“返回鍵”才能返回到你的網(wǎng)站。這對(duì)用戶來(lái)說(shuō),是很多不必要的操作。

      在新標(biāo)簽頁(yè)中打開外部鏈接,用戶可以盡情瀏覽其他網(wǎng)站,無(wú)需反復(fù)點(diǎn)擊“返回”按鈕返回到您的網(wǎng)站。他們只需點(diǎn)擊您網(wǎng)站所在的標(biāo)簽頁(yè)即可。無(wú)需反復(fù)點(diǎn)擊“返回”按鈕,也無(wú)需長(zhǎng)時(shí)間等待。

      減緩用戶流量

      在同一標(biāo)簽頁(yè)中打開的外部鏈接也會(huì)降低用戶瀏覽速度。許多瀏覽搜索引擎或鏈接分享網(wǎng)站的用戶都在尋找信息。他們通常會(huì)點(diǎn)擊頁(yè)面上的多個(gè)鏈接,從不同的來(lái)源獲取信息。

      在新標(biāo)簽頁(yè)中打開外部鏈接,用戶可以一次性瀏覽頁(yè)面,點(diǎn)擊所有相關(guān)鏈接,然后開始消化和篩選信息。用戶無(wú)需反復(fù)返回源頁(yè)面繼續(xù)瀏覽更多鏈接,從而減少瀏覽流程的中斷。

      當(dāng)用戶確實(shí)想要返回源頁(yè)面時(shí),這很容易做到,因?yàn)闃?biāo)簽頁(yè)會(huì)一直打開,直到用戶手動(dòng)關(guān)閉它。用戶無(wú)需多次點(diǎn)擊返回按鈕并等待源頁(yè)面重新加載。他們只需點(diǎn)擊標(biāo)簽頁(yè)即可輕松返回。

      網(wǎng)站過(guò)度運(yùn)作

      在同一個(gè)標(biāo)??簽頁(yè)中打開外部鏈接不僅會(huì)讓用戶負(fù)擔(dān)過(guò)重,也會(huì)讓您的網(wǎng)站負(fù)擔(dān)過(guò)重。每次用戶返回您的網(wǎng)站時(shí),它都會(huì)占用您的網(wǎng)站資源來(lái)加載頁(yè)面。

      在新標(biāo)簽頁(yè)中打開外部鏈接可以節(jié)省大量資源。如果用戶想返回您的網(wǎng)站,他們無(wú)需再次加載頁(yè)面。他們只需點(diǎn)擊您的網(wǎng)站標(biāo)簽即可。這既快捷又簡(jiǎn)單,而且不占用任何帶寬。他們無(wú)需點(diǎn)擊返回鍵或打開上下文菜單即可返回。

      不準(zhǔn)確的分析

      很多時(shí)候,用戶會(huì)點(diǎn)擊文章段落中的外部鏈接,以便更好地理解文章內(nèi)容。這并不意味著他們想在未讀完文章的情況下離開您的網(wǎng)站。然而,您的網(wǎng)站分析結(jié)果卻并非如此。如果您的外部鏈接在同一個(gè)標(biāo)??簽頁(yè)中打開,則表明用戶離開您網(wǎng)站的速度比實(shí)際速度要快。

      這是因?yàn)椋?dāng)外部鏈接在同一個(gè)標(biāo)??簽頁(yè)中打開時(shí),用戶會(huì)完全離開您的網(wǎng)站。然而,在新標(biāo)簽頁(yè)中打開的外部鏈接在用戶訪問外部網(wǎng)站時(shí),仍會(huì)保持您的網(wǎng)站標(biāo)簽頁(yè)打開。用戶在您網(wǎng)站上的停留時(shí)間會(huì)在他們手動(dòng)退出網(wǎng)站標(biāo)簽頁(yè)時(shí)結(jié)束,而不是在他們?cè)L問外部鏈接時(shí)結(jié)束。

      用戶點(diǎn)擊外部鏈接并不意味著他們想要離開您的網(wǎng)站。您不應(yīng)將外部鏈接點(diǎn)擊視為網(wǎng)站退出。唯一明確的退出方式是用戶點(diǎn)擊標(biāo)簽頁(yè)上的關(guān)閉按鈕。

      外部鏈接影響您的網(wǎng)站和用戶

      將用戶引導(dǎo)至不同網(wǎng)站的鏈接應(yīng)在新標(biāo)簽頁(yè)中打開。將用戶引導(dǎo)至同一網(wǎng)站不同頁(yè)面的鏈接應(yīng)在同一個(gè)標(biāo)??簽頁(yè)中打開。如果您在與您的網(wǎng)站相同的標(biāo)簽頁(yè)中打開外部鏈接,這會(huì)對(duì)您和您的用戶造成影響。您不僅會(huì)遇到不準(zhǔn)確的分析結(jié)果,導(dǎo)致網(wǎng)站運(yùn)行更費(fèi)力,還會(huì)使用戶的工作負(fù)擔(dān)加重、速度變慢。在當(dāng)今鏈接主導(dǎo)網(wǎng)絡(luò)的世界里,確保鏈接以正確的方式打開幾乎與鏈接到正確的頁(yè)面同樣重要。

       

       
      蘭亭妙微(www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 日本乱码一区二区三区| 中文字幕在线免费观看| 欧美深度肠交惨叫| 最新国产精品精品视频| 亚洲一区二区av| 久久精品视频18| 贡山| 成人性爱网站| 久久无码无码久久综合综合| 亚洲国产精品不卡毛片a在线| 亚洲成人性爱网| 久久婷婷国产| 日本午夜精品一区二区| 在线观看视频91| 久久无码av| 精品久久久无码人妻中文字幕豆芽 | 国产av最新一区二区| 亚洲?日韩?丝袜?熟女| 丰满少妇被猛烈进入无码| 综合无码一区二区三区| 国产白浆一区二区三区视频在线| 蜜桃臀无码内射一区二区三区| 蜜桃av在线| www.jizzjizz| 亚洲日韩欧美在线观看| 国产一卡2卡3卡四卡精品网站免费国| A片黄色| 房产| 亚洲精品国产aV成拍色拍| 亚洲综合无码一区二区| 国产制服丝袜在线视频| A片入口| 蜜臀av国产外线| 精品乱码一区二区| 午夜黄色影院| 亚洲乱码久久久| 日韩av在线一区二区三区| 亚洲黄色短视频| 醴陵市| 亚洲另类午夜中文字幕| 丝袜制服无码国产|