淫色综合网,99ri国产,最近中文字幕mv免费视频,亚洲乱码一卡二卡三卡国产www-大香伊蕉国产AV-夜色直播免费网站观看-在线精品自偷自拍无码中文-漂亮人妻互换HD中字,

首頁

Kakao,免費創(chuàng)建和分發(fā)新數(shù)字字體“Kakao Font”

杰睿

-推出兩種針對數(shù)字環(huán)境優(yōu)化的字體:“Kakao Big Font”和“Kakao Small Font”

-體現(xiàn)數(shù)字通信文化,例如復雜的文本表情符號,就像首輔音是一個字母一樣

-開放字體許可,可免費用于個人和商業(yè)用途

 

(2025-06-17) 在人們更熟悉打字而非手寫、更熟悉滾動而非書籍的時代,Kakao(代表鄭信雅)免費推出了一種名為“Kakao Font”的數(shù)字字體,任何人都可以輕松地在屏幕上閱讀和表達文本。

 

為屏幕而生的文字 'Kakao大字' 'Kakao小字'

“Kakao字體”是一款針對數(shù)字屏幕上的可讀性和表現(xiàn)力進行優(yōu)化的字體,包含“Kakao大字體”和“Kakao小字體”兩種類型。它并非簡單將現(xiàn)有字體進行數(shù)字版本化,而是經(jīng)過全新設計,旨在為智能手機和PC屏幕提供最佳的閱讀體驗。

 

正如標題所示,“Kakao 大字體”是一款即使在屏幕上也能實現(xiàn)清晰醒目的字體。“Kakao 小字體”是一款適用于正文或標題的字體,通過加寬字母間距并合理安排線條,使其即使在小尺寸下也能清晰可見,從而實現(xiàn)清晰可見而不會模糊。

 

僅用聲母‘ ??’和‘??’即可進行交流…體現(xiàn)數(shù)字通信文化

特別是Kakao也抓住了時代的變化,只用“???”和“??”等首字母來表達自己的想法已經(jīng)變得很自然。

 

由于韓語的聲母通常被認為與中間元音和尾元音連用,因此現(xiàn)有字體存在著單獨使用聲母時難以清晰閱讀的局限性。為此,Kakao通過增大字體尺寸并精確調整比例,使單個聲母即可準確傳達含義,并將聲母改為獨立字母而非字母的一部分。

 

表達情感的特殊符號也變得更加復雜:)

此外,使用特殊字符表達的文本表情符號格式也得到了進一步完善。通過自動將兩個或多個符號或字母組合轉換為一個的連字功能,當輸入特定符號時,它會被轉換成簡潔的表情符號,即使是文本,也能生動地表達出類似面部表情的情感。

 

例如,像“:-D”這樣的笑臉表情符號,由于字母“D”的位置或大小取決于字體,很容易顯得突兀。但“Kakao Font”會將整個表情符號以有序的形式輸出,幫助用戶以簡潔平衡的方式使用表情符號。此外,像“->(箭頭)”這樣的常用符號組合會在輸入后立即自動轉換,免去了用戶單獨搜索特殊字符的麻煩。

 

Kakao 將“Kakao 字體”應用于開放字體許可證 (OFL),并免費提供給個人和商業(yè)使用。該字體可從 Kakao 公司網(wǎng)站下載。

它也可以通過 RixFont Cloud 和 Adob??e Font 等云字體服務免費獲得。

 

Kakao BX 設計負責人申永燮表示:“Kakao 字體是為了在我們每天接觸的智能手機等數(shù)字屏幕上提供最佳的可讀性和表現(xiàn)力而創(chuàng)建的。”他補充道:“我們將繼續(xù)理解時代變遷的溝通方式,并通過體現(xiàn)這一變化的字體,為更豐富的數(shù)字表現(xiàn)文化做出貢獻。”

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

為什么圓角看起來更舒服

杰睿

如今,設計師們對圓角的運用如此廣泛,以至于它更像是一種行業(yè)標準,而非一種設計潮流。圓角不僅出現(xiàn)在軟件用戶界面中,也出現(xiàn)在硬件產品設計中。那么,圓角究竟為何如此受歡迎呢?它確實看起來很吸引人,但其背后的意義遠不止于此。
圓角看起來不太明亮
任何人都能欣賞圓角的美感,但并非每個人都能解釋這種美感究竟從何而來。答案就在你的眼睛里。
一些專家表示,圓角矩形比銳角矩形更容易被眼睛識別,因為它們在視覺處理過程中所需的認知努力更少。中央凹處理圓形物體的速度最快。處理邊緣需要大腦中更多的“神經(jīng)圖像工具”[1]。因此,圓角矩形更容易被識別,因為它們看起來比普通矩形更接近圓形。
DM_20250703172854_003.PNG
巴羅神經(jīng)學研究所對角線進行的科學研究發(fā)現(xiàn),“角線的感知顯著性與角線的角度呈線性變化。銳角比平角產生更強的虛幻顯著性”[2]。換句話說,角線越銳利,看起來就越亮。而角線越亮,看起來就越難被看到。

DM_20250703172854_001.PNG

DM_20250703172854_002.GIF

 

哪個物體更容易觀察?
我們習慣于圓角
我們之所以對圓角情有獨鐘,另一個解釋是,圓角更符合我們在現(xiàn)實世界中使用日常物品的方式 [3]。圓角隨處可見。作為孩子,我們很快就知道尖角容易傷人,圓角更安全。這就是為什么當孩子玩球時,大多數(shù)父母并不感到驚慌。
但如果孩子玩叉子,父母就會把叉子拿走,因為擔心孩子會弄傷自己。這會引發(fā)神經(jīng)科學中所謂的“回避反應”,即對鋒利邊緣的“回避反應”。因此,我們傾向于“避開鋒利的邊緣,因為它們在自然界中可能構成威脅”[4]。
 
您會把哪個物品托付給您的孩子?
圓角使信息更容易處理
圓角對于地圖和圖表來說更有效,因為它們能讓我們的視線輕松地跟隨線條,“因為它更符合頭部和眼睛的自然運動”[5]。尖角會使你的視線偏離線條的路徑,所以當線條改變方向時,你會感到突然的停頓。但有了圓角,線條會引導你的視線繞過每個拐角,繼續(xù)沿著路徑流暢地移動。
 
哪一個圖表更容易讓你的眼睛看清?
圓角也能成為有效的內容容器。這是因為圓角指向矩形的中心。這使得焦點集中在矩形內部的內容上。當兩個矩形相鄰時,圓角還能輕松區(qū)分哪條邊屬于哪個矩形。
尖角指向外側,會降低矩形內部內容的視覺焦點。當兩個矩形相鄰時,尖角也使得難以區(qū)分矩形的兩邊。這是因為矩形的每條邊都是直線。圓角矩形的邊是獨一無二的,因為這些線條會向其所屬的矩形彎曲。
 
圓角的意義遠不止于視覺所能感知的。圓角不僅更容易被眼睛識別,還能讓信息更容易被理解。圓角本身就很吸引人,這一點毋庸置疑。但這些額外的因素讓圓角更具吸引力。當你和客戶談論圓角時,你就能表達出更多內容,而不僅僅是“好看”。
蘭亭妙微(www.orwi.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

何時在深色背景上使用白色文字

杰睿

許多網(wǎng)站使用淺色背景上的黑色文本來顯示內容,因為這樣更容易閱讀。然而,在深色背景上使用白色文本也有其優(yōu)勢。了解何時使用哪種字體,可以讓您在設計網(wǎng)站時不損害用戶的可讀性。
閱讀與掃描
說到網(wǎng)站上的文字,用戶要么閱讀,要么瀏覽。閱讀是指專注于文字,以便徹底理解主題。瀏覽是指略讀文字,以便更廣泛地理解主題。何時應該在深色背景上使用白色文本,取決于用戶是在瀏覽還是閱讀文本。
段落文本
用戶閱讀的文本類型是段落文本。為了方便用戶閱讀,在顯示段落文本時應避免在深色背景上使用白色文本。強迫用戶長時間注視白色文本會使眼睛疲勞。這是因為白色對人眼中三種對顏色敏感的視覺受體的刺激程度幾乎相同[來源]。這使得在深色背景上閱讀白色段落文本會給眼睛帶來壓力。
白色還會反射所有波長的光。由于段落文本中的單詞和字母排列緊湊,當白色文本反射光線時,反射光會散射并進入相鄰的單詞和字母。這使得單詞和字母的形狀更難辨認,從而影響可讀性。相比之下,黑色文本會吸收每個單詞和字母周圍的光線,使它們更容易辨別。
因此,顯示段落文本的更好選擇是在淺色背景上搭配略帶灰色的黑色文本。灰色背景可以減少文字背后的反射光,使閱讀更舒適。黑色文本效果更好,因為黑色在可見光譜的任何部分都不會反射光線[來源]。因此,閱讀時注視黑色文本不會對用戶的眼睛造成太大壓力,因為它會吸收照射到每個單詞的光線。
如果您的網(wǎng)站使用深色背景,則應將段落文本顯示為灰色。這樣不會對用戶的眼睛造成太大的壓力,因為灰色文本不如白色文本明亮。它反射的光線較少,更容易閱讀。請記住,如果您在黑暗的房間里閱讀文本,黑色背景上的白色文本閱讀起來不會那么困難。這是因為在黑暗的房間里沒有光線反射。
標題、標題和標簽
有時深色背景上的白色文字效果很好。例如,當用戶瀏覽文本時。用戶通常會瀏覽標題、標題和標簽。對于這些類型的文本,深色背景上的白色文字是突出顯示它們并吸引用戶注意力的有效方法。
白色能將可見光譜中的所有顏色反射到眼睛里[來源]。這使得文本明亮清晰。您無需擔心給用戶的眼睛帶來壓力,因為瀏覽不需要長時間的視覺注視。只需快速掃視一下標題、標題或標簽即可。
使用深色背景上的白色文字作為突出顯示工具,是突出用戶瀏覽文本的明智之舉。但淺色背景上的黑色文字更適合用戶閱讀的段落文本。正確使用深色和淺色,以便用戶能夠欣賞您的內容而不會感到眼痛。
蘭亭妙微(www.orwi.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

在開始任何用戶體驗研究之前要問的 3 個問題

杰睿

 
關注研究后的決定
 
 
在開展研究之前,你首先需要理解為什么要進行這項研究。與你的利益相關者溝通,并明確寫下他們在研究結束后想要做什么。他們是想在兩個設計方向中選擇一個?還是想識別并解決體驗中的不足?又或許他們想構建一個全新的產品,只是想更好地了解某一特定用戶群體?一旦你做到了這一點,你就可以開始設計問題來收集有用的數(shù)據(jù)了。
你的團隊可能不知道自己想要做出什么決定,或者每個人對做什么都有不同的想法。這并不是壞事!意識到團隊意見不一致本身就能帶來啟發(fā)。團隊應該討論產品路線圖、市場力量、公司總體目標以及當前的產品分析,以便就研究方向達成一致。
 
問題 1:
詢問“研究結束后,你希望做什么?”——與利益相關者進行一對一對話,規(guī)劃重要的研究后決策。你可以同時詢問整個團隊,但你可能只會聽到“最響亮”或“資深”的利益相關者的聲音。
 
主題 #2
收集正確的信息
 
 
一旦你了解了團隊在研究結束后的期望,你就應該與他們合作,找出哪些信息有助于他們采取這些行動。如果你的團隊需要在兩種設計方案中選擇一個,那么單獨收集可用性數(shù)據(jù)重要嗎?還是同時收集每種設計給用戶帶來的感受?了解人們使用最新功能的頻率是否有助于在研究結束后做出決策? 雖然收集“正確”的信息意義深遠,但其核心在于弄清楚哪些來自用戶的信息有助于更容易地做出這些一致的決策。在不同的情境下,“正確”的信息可能有所不同,甚至無法獲得。例如,如果你的設計團隊想知道用戶在瀏覽設計時眼球是如何移動的,如果沒有眼動追蹤軟件,這可能無法實現(xiàn)。如果您知道某些限制無法實現(xiàn),請盡早告知團隊,并嘗試轉向更容易回答的問題。
你的團隊可能并不總是知道哪些東西值得學習,所以要準備好提出你可以研究的研究課題。只要確保這些課題與研究后的決策直接相關即可。
 
問題 #2:
問問自己:“哪些來自用戶的信息有助于指導這些行動?” ——如果有多條信息有助于做出研究后決策,看看能否將它們歸納成更大的主題進行研究。您可以根據(jù)這些主題撰寫研究問題。 看看能否將信息需求分為定性或定量類別。這能讓您更輕松地規(guī)劃研究并收集有用的信息。
 
主題 #3
選擇一種方法
 
 
一旦你確定了決策和需要收集的有用信息,規(guī)劃你的研究就會容易得多。盡量選擇與研究后決策直接相關的研究問題、方法和參與者。如果你已經(jīng)將信息需求分為定性/定量兩類,那么選擇方法應該會很快。
 
務必確定你需要在哪些限制條件下進行研究。這包括你的研究時長、招募參與者的難易程度、研究預算以及你擁有的研究工具或軟件類型?;谶@些限制,你可能需要以不同的方式研究定性信息需求(例如,進行遠程訪談,而不是前往參與者所在地)。
 
在開始準備研究之前,將所有這些內容寫進研究計劃中,并獲取反饋/協(xié)調意見。確保在你的研究計劃中包含以下主題:
研究后決定
收集所需信息的研究問題
 
問題 3:
詢問“在我們開始研究之前,這個研究計劃是否需要改變?” - 嘗試以數(shù)字方式發(fā)送研究計劃,這樣比找到開放日歷時間來召開大型會議更快, 將所有反饋或評論記錄在一個地方,快速進行和發(fā)送更改。
 
最后的想法
通過專注于決策和相關信息需求,您可以開展有意義的研究??s小范圍并確定重要事項,不僅能增強團隊凝聚力,還能讓他們對參與研究充滿熱情。
 
蘭亭妙微(www.orwi.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

設計案例分享 | 人力資源模塊界面設計

杰睿

 

產品定位
遠東移動門戶APP-人力資源模塊包含收入證明、在職證明、假期管理、公租房、政策公示等,同時將互動信息在集團公告區(qū)互動展示,實現(xiàn)人員管理、交流協(xié)同化和一體化。使集團工作更便捷、高效,組織管理更透明化,合理化。
目標用戶
遠東移動門戶APP面向和服務于公司全體領導和員工,是一個綜合性、協(xié)同性的辦公管理系統(tǒng)。本著操作便捷,辦事方便高效,溝通及時有效的原則,界面友好易用、簡潔美觀。
設計風格
視覺方面,整體色調與公司logo及網(wǎng)站主色調紅色保持一致。交互上,考慮到使用便捷、省時,提取主要功能按鈕放在首頁上方;同時,常用的業(yè)務模塊集中展示,并做精細化處理。保證界面整體性和簡潔統(tǒng)一,并做到有主有次,層次清晰。在布局上,做了兩套方案供客戶選擇。第一套更大膽創(chuàng)新,第二套則相對中規(guī)中矩。

UI 設計|審美積累 | 擬物化風格(Skeuomorphism)

杰睿

擬物化是指把現(xiàn)實世界的材質、光影和結構帶到數(shù)字界面中。木紋、金屬、皮革、紙張等真實物體的質感,被細致地還原到屏幕上,讓用戶一眼就明白元素的意義與操作方式。它曾是iOS6之前移動端設計的主流風格,也一度被極簡風格取代,但在如今的創(chuàng)意項目和品牌中,擬物化又以精致的小范圍應用回潮。
核心特點:
強調光影、漸變、紋理和材質感
元素看上去像真實物體,有層次和觸感
圖標、按鈕、卡片常帶高光或陰影,突出立體效果
通過形象化隱喻幫助用戶理解功能(例如垃圾桶圖標表示刪除)
 
適用場景:
游戲UI界面(卡牌、任務面板、背包系統(tǒng)等)
兒童類App、教育軟件(通過形象化幫助理解)
復古、懷舊主題的官網(wǎng)或活動頁
精致的產品展示頁、品牌定制化網(wǎng)站
擬物化能帶來強烈的情感共鳴,尤其在需要溫度感和可玩性的界面中更顯優(yōu)勢。但大面積使用容易產生信息冗余,對資源體積和加載性能也要求高。相比純視覺風格,它更適合在重點組件、小范圍點綴,作為界面亮點出現(xiàn)。
 

5aa03006-e211-49d4-90ee-c797a6caf109.png

9a878ddc-1587-41f1-96d0-a3efeeb6380c.png

85001f9c-4ff6-419f-b0d2-4511ae10546e.png

771615d3-923c-4e5b-b438-22214c0ecb9a.png

b8419aeb-fb14-4b7d-831a-21970dce1e40.png

c3bf255b-6cce-4245-9908-19120727d983.png

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

Google如何分組按鈕——按鈕組功能及其使用方法

杰睿

按鈕組(ButtonGroup)是一個將多個按鈕以可視化的方式組合在在一起的組件,幫助用戶快速識別并操
作相關操作。在M3Expressive中,按鈕組通過增強按鈕間的交互、布局適配以及層級表現(xiàn)力,提升
了界面的靈活性。

DM_20250701224752_001.PNG


為什么要分組按鈕?
現(xiàn)有的按鈕只是簡單地并排放置,缺乏任何鏈接交互或按鈕之間的視覺統(tǒng)一。
拼中人。簡單
Co
在Material3中,我們將按鈕組定義為獨立的組件,以實現(xiàn)更豐富的表現(xiàn)力和自適應的布局,并提出
了一種名為Connected Button Group的新形式來取代Segmentted Button的作用。
本文我們將了解新增按鈕組的功能和使用方法。如果您想了解更多關于Expressive新增的Split Button

配置按鈕組
DM_20250701224752_002.PNG
容器
按鈕組可以包含各種元素,例如圖標、文本按鈕等,但其核心概念是"容器",它是一種更高級的結構,
包裹著這些元素并控制其布局和交互。因此,將按鈕組理解為一個充當按鈕容器的容器,而不是按鈕的
集合,似乎更準確。


按鈕組的類型
按鈕組分為標準按鈕組和聯(lián)動按鈕組。
DM_20250701224752_003.PNG
標準按鈕組
使用標準按鈕組將獨立的操作按鈕并排放置。
每個按鈕都保持圓潤的形狀,并且按鈕之間有一定的間距。在此組中,選定的按鈕可以改變寬度或形
狀,并且這種變化通常會影響相鄰的按鈕。整個按鈕組被設計:為一個有機的整體。
一般適合展現(xiàn)保存、取消、刪除等主要操作,并且按鈕的大小和樣式根據(jù)上下文靈活調整。


DM_20250701224752_004.PNG
鏈接按鈕組
連接按鈕組是一種主要用于允許選擇多個選項的組件?,F(xiàn)有的分段按鈕將被連接按鈕組取代。
按鈕之間物理連接、共享邊框或以一致的高度和寬度對齊。用戶可以選擇一個或多個按鈕,并且只有選中的按鈕會在視覺上突出顯示。這種設計可以有效地傳過達清晰的選擇狀態(tài),而不會影響其他按鈕。


它主要用于替代分段按鈕的作用,例如過濾、視圖切換和排序選項。

 

如何使用按鈕組
DM_20250701224752_005.PNG
按鈕組使您的產品更具表現(xiàn)力。
標準按鈕組增加了相鄰按鈕之間的交互,使它們相互響應。選擇標準組內的按鈕時,會發(fā)生以下變化:
所選按鈕的形狀和寬度將會改變。
選定的切換按鈕也會改變顏色。
相鄰的按鈕移動并暫時改變寬度。

 

DM_20250701224752_006.PNG
僅在重要的交互時使用形狀變化。
您可以使用不同的按鈕類型、寬度和顏色組合來強調重要元素,并在視覺上對相關按鈕進行分組。默認
情況下,標準按鈕組中的所有按鈕應具有相同的尺寸(XS到XL)和形狀(圓形或方形)。
·只有在英雄時刻,您才應該在群體中使用不同尺寸。
?混合尺寸并不常用。
僅當選擇按鈕或需要添加含義或對比時才應使用不同的形狀。
區(qū)當選擇這邊以而安添加古文現(xiàn)對比的才應使用個問的形狀。

 

DM_20250701224752_007.PNG
可以使用一組鏈接的按鈕在類似的操作之間切換。
鏈接按鈕組可幫助用戶選擇選項、切換視圖或對齊頁面上的元素。它們的行為與標準按鈕組類似,但不
會影響相鄰的按鈕。鏈接按鈕組應取代已棄用的分段按鈕。

 

DM_20250701224752_008.PNG

如果按鈕內容彼此關聯(lián)且可選,請使用鏈接按鈕組。在購物應用中,鏈接按鈕組用于選擇商品的容量,
因此,密切相關的操作在鏈接按鈕組中效果更佳。

DM_20250701224752_009.PNG
使用一組鏈接按鈕來實現(xiàn)單選或多選模式。
對于使用切換按鈕的單選或多選模式,應使用鏈接按鈕組。如果所有按鈕均不可切換,則不應使用鏈接
按鈕組。

 

DM_20250701224752_010.PNG

一組鏈接按鈕被配置為填充其所在頁面或區(qū)域的寬度,這會導致內部按鈕的寬度也隨之增加。在寬屏
上,建議設置最大寬度,以防止按鈕組過寬。

 

DM_20250701224752_011.PNG
可以根據(jù)窗口大小手動調整按鈕的寬度、大小和填充。
按鈕組應在布局中移動到一行,并且不應換行。您可以垂直堆疊多個按鈕組,以使項目保持緊密排列,
但按鈕組之間不能進行垂直交互。


手動調整圖標按鈕的寬度時,避免將其拉伸得太寬。

 

DM_20250701224752_012.PNG

您還可以根據(jù)窗口大小手動調整一組按鈕的大小、形狀和填充。
在小窗口中,最好使用較小、較窄的按鈕來容納按鈕組中的所有按鈕,而在較大的屏幕上,最好使用較
大、較寬的按鈕來有效地填充可用空間。
靈活按鈕或按鈕組會根據(jù)窗口大小自動調整其寬度。

DM_20250701224752_013.PNG

必須在布局和設備之間保持一致的層次結構。
當窗口變大時,您應該利用顏色和大小等屬性來確保每個按鈕保持其視覺層次。例如,主要操作按鈕在
所有窗口尺寸下都應保持最大、最寬且視覺上最突出。

 

DM_20250701224752_014.PNG

根據(jù)屏幕的大小,按鈕應該在榮單中隱藏或重新顯示。
在小窗口中,您可以將按鈕組末尾的按鈕設置為折疊成榮單,然后在窗口大小增加時重新顯示。建議將
榮單放置在按鈕組的末尾。按鈕組外部的按鈕不受按鈕組行為的影響。


DM_20250701224752_015.PNG
在標準組中,當您按下一個按鈕時,相鄰的按鈕也會改變寬度...
按下按鈕時,其寬度和形狀會發(fā)生變化。在標準按鈕組中,按皮下按鈕也會影響相鄰按鈕的寬度。相比之
下,在鏈接按鈕組中,只有按下的按鈕會改變形狀,其他按鈕丑不受影響。

 

DM_20250701224752_016.PNG

所選按鈕應改變形狀以實現(xiàn)視覺區(qū)分。
選定的按鈕應從圓形變?yōu)榉叫?或從方形變?yōu)閳A形。

 

鏈接按鈕組和分段按鈕之間有什么區(qū)別?
雖然兩者的功能相同,但可以說它們被納入了一個按鈕組,以實現(xiàn)富有表現(xiàn)力的交互。
DM_20250701224752_017.PNG
鏈接到現(xiàn)有分段按鈕的一組按鈕。
分段按鈕也允許單選或多選,但其配置相對固定,并且視覺呈現(xiàn)受到限制。
鏈接按鈕組在調整按鈕的大小、顏色和形狀方面提供了更大的靈活性,其視覺交互也得到了增強,例如
根據(jù)選擇狀態(tài)改變形狀。按鈕以連接形式排列,并且只有選中的按鈕才會在視覺上突出顯示,從而提供
清晰的反饋。
Expressive在這種靈活性和表現(xiàn)力的基礎上,逐漸減少分段按鈕的的使用,轉而采用鏈接按鈕組作為替
代。

綜上所述
DM_20250701224752_018.PNG
按鈕組是實用的組件,能夠直觀地將相關操作分組,并為用戶提供清晰的上下文。它們旨在直觀地展示
按鈕之間的關系,并根據(jù)屏幕尺寸或具體情況靈活操作,從而在不同界面上提供一致的體驗。標準按鈕
組有利于實現(xiàn)交互和層級結構,而鏈接按鈕組則有利于清晰的選擇結構。然而,形狀、尺寸設置以及響
應式設計需要精細的設計。
Material3取代了現(xiàn)有的分段按鈕,并提出將一組按鈕作為獨立組件,以實現(xiàn)富有表現(xiàn)力的UI組合。
這種設計超越了簡單的按鈕排列,全面考慮了交互、布局和層級,指明了提升整個產品一致性和可用性
的方向。

 

軟件開發(fā)設計 | 怎么用‘信息架構思維’提升設計效率?

杰睿

“設計的首要任務,不是美觀,而是幫助人們理解復雜信息。” ——《信息架構:超越Web設計》
很多人做官網(wǎng)時習慣直接上設計稿,但我想分享一下: 最近做一個企業(yè)官網(wǎng),先用了信息架構思維,結果不僅讓老板很滿意,后續(xù)內容更新也省心了很多。
 
常見誤區(qū):先做視覺稿就等于高效? 我一開始也以為先畫頁面就能快,但很快發(fā)現(xiàn):
客戶需要的核心內容沒地方放;
產品介紹和解決方案反復修改,頁面結構被打亂;
不同人理解的信息優(yōu)先級不一致,溝通成本陡增。
這些都源于沒有先規(guī)劃信息架構。
 
書里有句話點醒我:“信息架構要在任何設計和開發(fā)動作之前完成,它是產品內容的支撐結構。”
于是我用了三步:
 
1)卡片分類:把所有需要展示的內容拆成卡片 比如:品牌故事、主營業(yè)務、核心優(yōu)勢、合作伙伴、聯(lián)系方式…… 然后和客戶、團隊一起做小型卡片分類工作坊,用他們的語言重新組合、排序。
結果:信息對他們自己來說也清晰了,不再互相矛盾。
 
2)搭建組織系統(tǒng):用樹狀圖規(guī)劃內容結構 書中提到:“組織系統(tǒng)是支撐信息環(huán)境的骨架。” 我把卡片分類結果轉成樹狀架構,先理清首頁→一級欄目→二級頁面的層級關系,確認每一層放哪些信息。 這一步讓后續(xù)頁面數(shù)量、導航設計都一目了然。
 
3)定義導航與標簽系統(tǒng):把內容變成用戶可點可找的路徑 我沒直接用專業(yè)術語,而是用客戶和用戶能懂的標簽命名欄目,比如把“公司介紹”改成“關于我們”,把“解決方案”明確細分成“產品服務”、“行業(yè)案例”等。
結果:用戶可以根據(jù)直覺快速定位需要的信息。
 
別把信息架構當成一次性工作 官網(wǎng)內容常更新,要定期復盤:
舊頁面是否有信息冗余?
用戶搜索數(shù)據(jù)體現(xiàn)的新需求有沒有覆蓋?
新增內容如何融入原有架構?
持續(xù)維護信息架構能讓官網(wǎng)始終保持清晰可用。

0a28130e045582a19f36d5e3fc28490bc8d1a60d26cd56-UPbQAi_fw1200.png

4d711bd2632f511ff6bb73fec0aadd04033886642943c4-iG1VgU_fw1200.png

616cefcf4098c151805e496866e7f9ee6ab173551d19e5-VpdjG6_fw1200.png

 

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

7天信用卡免費試用的理由

杰睿

哪種客戶獲取模式更可取——免費試用還是免費增值?

這是 SaaS 領域最古老、最激烈的爭論之一。

答案當然是“視情況而定”……但最近我看到越來越多的公司開始使用需要信用卡支付的7天免費試用服務。Outseta 過去兩年也一直沿用這種模式,而此前我們使用了近四年的免費增值模式。 

開門見山地說——這種模式并不總是受到潛在客戶的青睞,但它往往是最好的模式。尤其是對于小型、白手起家的公司而言。 

無論您是創(chuàng)始人還是客戶,本文都會討論此模型的優(yōu)點和缺點;我希望您能夠更充分地理解這??些決策的細微差別。

數(shù)據(jù)——轉化率、潛在客戶量和新客戶 

我職業(yè)生涯的大部分時間都在嘗試這些客戶獲取模式,但現(xiàn)在我也能掌控所有客戶的數(shù)據(jù),因為他們也在嘗試這些模式。我每周都會和創(chuàng)始人討論免費試用版和免費增值版的問題。

雖然情況確實如此,但以下數(shù)據(jù)專門針對 Outseta——我專注于我們自己的數(shù)據(jù),因為我可以證明其干凈度,并且我已經(jīng)在一段時間內獲取了等效的樣本量,其中業(yè)務中的許多其他因素盡可能保持一致。我們的數(shù)據(jù)所講述的故事也反映了我在廣大客戶數(shù)據(jù)中看到的情況。 

我正在對 3000 多個免費增值注冊和 3000 個免費試用進行比較。

轉化率

  • 免費增值到付費:7.25%
  • 7天試用信用卡需支付:35%

這里需要注意的是,這兩種模型的實際轉化率實際上更高——我特意將“轉化”計算為轉化后30天仍為付費訂閱者的用戶。這能更準確地衡量誰真正成為了客戶。它過濾掉了忘記取消試用的用戶,以及那些提前注冊試用產品但實際上并沒有成為客戶意圖的用戶。

雖然7天試用模式的轉化率比免費增值計劃高出4到5倍,但值得注意的是,這也帶來了很大的阻力——很多潛在客戶根本不愿意為了注冊免費試用而掏出信用卡。毫無疑問,這種模式下的注冊量會比較少。

潛在客戶數(shù)量

與我們提供免費增值產品時看到的情況相比,7 天試用模式的注冊率達到了 43%。

這些是我根據(jù)我們自己的實驗可以分享的最重要的數(shù)據(jù)點,所以讓我們推斷出其影響。

新付費客戶

  • 100 個免費增值注冊 X 7.25% 轉化率 = 7 個客戶
  • 43 次免費試用 x 35% 轉化率 = 15 個新客戶

通過放棄免費增值模式并采用需要信用卡的 7 天免費試用模式,我們能夠有效地將增長率翻一番。

雖然這是事實,但這個故事和話題還有更多值得思考的地方。

歷史背景

2017 年推出 Outseta 時,我們最初采用的是免費增值模式,用戶最終會超過一些使用門檻,轉而使用付費方案。我們的想法是給用戶足夠的時間將 Outseta 集成到他們的產品中,而我則致力于構建一個盡可能最方便用戶的獲取模式。

這就是我所接受的思想流派——我喜歡這種模式,我希望有一天我們能夠回到這種模式。

話雖如此,隨著人們對 Outseta 的興趣日益增長,我們很快發(fā)現(xiàn)支持量也隨之增長。我們花費了大量時間來支持不付費的客戶——其中許多客戶我們投入了數(shù)月的時間,結果卻眼睜睜地看著他們放棄或完全關閉他們的項目。 

對于一個小型的、自力更生的團隊來說,這不可能是更大的資源浪費。 

我們故意矯枉過正,在短時間內進行了不提供免費增值產品或免費試用的實驗——我之前寫過這方面的文章。我不推薦直接付費模式,因為我認為買家應該有機會在購買前先試用一下軟件。

通過7天免費試用但需要信用卡支付的模式,我們找到了一個絕佳的折中方案。它讓客戶有機會試用我們的軟件,使我們的增長率翻了一番,也讓我們節(jié)省了大量之前浪費在非付費客戶身上的時間。這讓我們能夠投入更多時間在產品和付費客戶身上。

顧客:這不是掠奪性的,而是為了更好地為您服務

雖然聽起來很美好,但我明白,很多客戶并不熱衷于這種需要信用卡支付的短暫試用期。作為一名軟件買家,我當然更希望有無限的時間來評估產品,而不用掏出信用卡!誰會不喜歡呢?

但買家常常會誤以為這是一種掠奪性的客戶獲取模式,公司希望你忘記取消試用,這樣他們就有機會向你收費。這真是大錯特錯!

事實上,我們明確地試圖避免這種情況——它會導致高流失率和退款。發(fā)生這種情況時,沒有人是贏家。為了解決這個問題,我們:

  • 明確告知您將在 7 天后付款,但您可以隨時取消
  • 我們會發(fā)送提醒電子郵件,告知您試用期何時到期
  • 如果某人的試用意外轉換,我們始終提供退款

我們時不時會收到一些咄咄逼人的郵件——通常是有人要求我們讓他們無需信用卡即可注冊,或者有人要求我們提供非常長的試用期(通常為3-6個月)。我會禮貌地拒絕這些請求,并花時間解釋我們的理由。 

偶爾,我們會收到“嗯,你肯定不想做我們的生意”這樣的回復——再說一遍,這完全是錯誤的。我可以肯定地告訴你,我們確實想做你的生意。但當有人注冊 Outseta 時,我們承諾幫助他們通過我們的產品取得成功。 

我們做了很多同等價位其他公司做不到的事情——我們會接聽您的電話;如果您需要技術支持,我們經(jīng)驗豐富的軟件工程師將竭誠為您服務。我們不會把您的問題交給無法解決的初級員工——我們?yōu)榇烁械阶院溃⑾嘈?Outseta 平臺上將會有更多成功的項目上線。

所以,我們并非不想與您合作,而是我們刻意縮小了我們的范圍,更好地服務于一小部分愿意放下卡片的人。如果您愿意,您可以加入這個群體——選擇權在您手中。

我們對您做出了相當大的承諾,因此我們同意要求您對我們做出小的承諾。

雖然我并不是說這是“正確”的方法,但我經(jīng)??吹降奶娲桨敢仓档每紤]。 

許多提供免費增值產品或延長試用期的公司都得到了風險投資的支持——從擴大支持團隊到價格上漲,您不可避免地會以其他方式感受到其影響。

還有很多公司干脆選擇打開閘門,提供糟糕的支持——他們只幫助那些有巨大潛力的客戶,而讓其他所有人都有令人沮喪的支持體驗。 

我們經(jīng)常聽到的最后一句話是:“我得先賺錢,才付錢給你。” 作為一名白手起家的創(chuàng)始人,我完全理解并欣賞這種說法——但這也不是商業(yè)運作的常態(tài)。商業(yè)就是把時間、精力,當然還有金錢,投入到一個想法上,希望能夠盈利。它并非毫無風險。 

這里的重點很簡單——總有取舍。雖然 7 天免費試用模式可能感覺不太利于客戶獲取,但它讓我們能夠以其他方式更加貼近客戶。

創(chuàng)始人:關鍵在于找到合適的

我希望更多的創(chuàng)始人認識到,你的業(yè)務中有些部分應該針對客戶進行優(yōu)化,而你的業(yè)務中有些部分也應該針對你的業(yè)務進行優(yōu)化。

您需要找到適合您的情況的內容。

例如,我們可以在 Outseta 再次提供免費增值產品——就初始產品評估而言,這是一種更利于客戶的獲取模式。但之后,我們可以將實際產品的價格提高三倍——免費增值模式帶來的額外曝光度和更高的價格點,使我們能夠提供我們引以為豪的客戶服務。

哪種場景對客戶更友好? 

總是會有一些付出和收獲。

許多創(chuàng)始人(和客戶)也經(jīng)常問我試用期有多長,并說“7 天根本不夠”。

我已經(jīng)嘗試過很多次了。我給創(chuàng)始人的反饋是,較短的試用期幾乎總是更好的選擇,除非你的業(yè)務運營模式具有某種周期性——用戶需要特定的時間段來有效地評估你的產品。 

否則,延長試用期只會滋生拖延,讓人缺乏真正評估產品的緊迫感。7天后和14天后收到的延長試用請求數(shù)量一樣多——我測試過,結果一致。

“試用”應該是給某人一個嘗試你的產品的機會——它并不是邀請人們只在方便的時候才開始付款。

我經(jīng)常會這樣回復潛在客戶:

我們的 7 天試用期旨在幫助您主動評估我們的產品。如果您準備好開始評估,請隨時開始試用。

事實是,如果您真正坐下來思考這個目標,您絕對可以在 7 天內評估幾乎任何產品是否適合您的需求。

人性化很重要。我一直會花時間分享我們采用這種模式的原因,以及免費增值產品和延長試用期為何會給我們的業(yè)務帶來問題。每次我分享這些內容時,收到的反饋都非常積極。這或許反映出我們主要向其他創(chuàng)始人銷售產品(他們也能理解我們的處境),但每次分享我們的理念時,收到的真誠理解的回復數(shù)量總是讓我驚喜不已。

最后,或許也是最重要的一點,刻意縮小我們的圈子絕對幫助我們建立了有效的口碑和推薦。我們投入在43家公司的時間比投入在100家公司的時間還要多。我們經(jīng)常被告知,我們提供的貼心客戶體驗和服務水平是許多其他軟件公司所不具備的。這很難量化,但口碑是最有效的營銷策略。

收入優(yōu)化并不是一切

關于免費試用與免費增值主題的文章大多集中在收入優(yōu)化上——毫無疑問,這些都是客戶獲取模式。

我的觀點是,這其中往往還有更多內容——你使用的模式需要適合你的業(yè)務。我在本文開頭就說過,我喜歡我們最初的免費增值模式。它對用戶非常友好,在 Outseta 早期,它最大限度地增加了我們產品的曝光人數(shù)。

但企業(yè)的需求是有季節(jié)變化的——過去幾年,需要信用卡的 7 天試用模式非常適合我們的業(yè)務。 

這并不意味著我不會對免費增值模式回歸的那一天感到興奮;事實上我相信那一天終將到來。

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

干貨分享 | 5分鐘教你讀懂一個網(wǎng)站的組織系統(tǒng)

杰睿

“組織系統(tǒng)定義了信息是如何被分組、標記和結構化的,是信息架構的核心。” ——《信息架構:超越Web設計》
一個網(wǎng)站找不找得到東西,往往不是頁面不夠漂亮,而是它的“骨架”出了問題。
 
5分鐘教你讀懂一個網(wǎng)站的組織系統(tǒng) 別急著吐槽“這個網(wǎng)站太亂了”,我們可以先快速看清它的底層組織邏輯。 看懂之后,你不僅能找信息更快,還能像信息架構師一樣,判斷它為什么難用
 
第一步:識別組織系統(tǒng)的類型 書中提到,常見的有 3 種組織系統(tǒng)
層級式(Hierarchical):像樹狀結構,從大類一路往下找小類。
 舉例:淘寶、京東,首頁 > 分類 > 品類 > 商品詳情頁
標簽式(Tag-based):通過關鍵詞給內容打上標簽,便于橫向查找。
 舉例:豆瓣、小紅書的“標簽頁”或搜索推薦
數(shù)據(jù)庫式(Database/Faceted):通過多種維度篩選內容。
 舉例:招聘網(wǎng)站,按職位、地點、薪資、公司規(guī)模多維度組合篩選
 
第二步:判斷它靠什么組織內容?
是按照主題組織?(如內容型網(wǎng)站)
按照功能任務組織?(如工具型系統(tǒng))
還是按照部門/組織結構?(很多B端網(wǎng)站喜歡這樣,用戶卻常常迷路)
書中提醒我們:“你用什么標準組織內容,決定了用戶能不能第一眼看懂結構。”
 
第三步:嘗試“逆向走訪” 挑一個你想找的內容,看你是怎么點進去的 → 你靠的是主導航?搜索?標簽?推薦? → 點進后路徑清晰嗎?有沒有繞圈?
這個路徑,就是它的“組織策略是否有效”的實戰(zhàn)測試。
 
小貼士:在信息架構里,結構不是設計出來的,是選出來的。 你要先了解網(wǎng)站內容的本質、用戶的需求,然后再選擇適合的組織方式,而不是反過來。
 
溫柔總結 讀懂一個網(wǎng)站的組織系統(tǒng),就像看清了一座城市的交通圖。 結構清晰,信息才不會堵車;邏輯順暢,用戶才不會繞路。
 
你印象最深的是哪個“特別難找東西”的網(wǎng)站?
歡迎來評論區(qū)吐槽/分享,也許我們可以一起改出一個好用的結構圖
 
蘭亭妙微(www.orwi.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設計的小編 http://www.orwi.cn

存檔