全網網站建設
手機、電腦...全網通用
全程免費升級維護
免費優化推廣排名好
<
徽章/徽標/小紅點
"小紅點"是國內網站上最流行的一詞,官方名稱為"Badge",徽章是指通常出現在圖標或文本右上角的紅點、數字或文本,表示要處理的新內容或信息。網站制作目的就是產生網站。簡單的信息如文字,圖片(GIF, JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行,同樣地它們亦需要標示語言移植在網站內。網站建設包括了前期網站定位、內容差異化、頁面溝通等戰略性調研,這些確立后,再去注冊域名、租用空間、網站風格設計、網站代碼制作五個部分,這個過程需要網站策劃人員、美術設計人員、WEB程序員共同完成。網站設計涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。不同領域的網頁設計,網頁圖形設計,界面設計,創作,其中包括標準化的代碼和專有軟件,用戶體驗設計和搜索引擎優化。
不同形狀的徽章
如何使用
沒有號碼,沒有號碼,使用警徽
徽章可以分為兩類:無號和無號。一般來說,如果您只需要讓用戶知道有更新或者新內容必須只有一個,您可以使用無編號徽章。比如微信微信官方賬號更新和App版本更新采用無號類型。如果需要讓用戶確切知道有多少更新,有多少新內容,可以使用數字Badge,比如IM的未讀消息,郵箱的未處理消息。有數字的徽章會給用戶帶來更多的心理壓力,吸引更多用戶的關注。
△ 無數字和有數字
注意數字的長度和上限
對于有數字的Badge,由于管理界面進行顯示空間技術有限,因此我們要注意視場景和信息數據類型決定數字最長顯示多少位,如果中國數字達到上限該如何研究顯示。
小心使用圖標中的紅點元素
紅點的視覺元素已經成為一個社會語義符號,也就是說,用戶會看到紅點會認為這代表新的內容,所以圖標設計因為紅點的慎用,如魅族飛梅社區應用"我的粉絲"圖標,紅心形元素和圖標體都留下了白色,用戶會錯誤地認為這意味著有新的粉絲,事實上,沒有,只是圖標的原始元素。
△ Flyme社區圖標
相關資料
1為什么Android官方控制沒有徽章?
Ios 一開始并沒有通知該中心,只是在桌面圖標上顯示一個徽章來顯示應用是否有新消息,而安卓在一開始就有一個通知中心來聚合所有的應用通知,所以不需要額外的徽章來提示用戶新消息。
△ Android通知中心
2. 手機QQ一鍵進行清除一個小紅點功能
如果徽章頻繁出現,會對用戶造成一定的情緒干擾。
一鍵清除小紅點動畫演示具體設計過程和摘要請閱讀:"讓創意登陸!QQ 手機版 5.0 "一鍵下班"設計書
A-Z索引/字母索引導航
A-z 索引以字母順序方式組織信息并提供導航。字母索引有著悠久的歷史,早在我們的實體書籍如字典、詞典等使用這種形式的信息組織。因此,a-z 索引是一種非常熟悉的導航方式。
相關鏈接:長春網站建設,長春網站制作,長春網站設計,長春做網站,長春建網站,長春網站公司,長春網絡公司,http://www.fdus.com.cn/
全網網站建設
手機、電腦...全網通用
全程免費升級維護
免費優化推廣排名好