åæ„Ÿå¸ä¼ä¸šç½‘站建设:网站å“牌调性定义与视觉一致性打é€
åæ„Ÿå¸ä¼ä¸šç½‘站建设:网站å“牌调性定义与视觉一致性打é€
导读
åæ„Ÿå¸ä½œä¸ºæ¦æ±‰åŸŽå¸‚圈é‡è¦åŸŽå¸‚,光通信设备ã€ç«¥è½¦ã€éº»ç³–ç‰äº§ä¸šå„å…·ç‰¹è‰²ã€‚å½“è®¿å®¢è¿›å…¥åæ„Ÿå¸ä¼ä¸šçš„网站,第一感å—往往æ¥è‡ªè§†è§‰ä¸Žå†…å®¹ä¼ é€’å‡ºçš„â€œå“牌气质â€ã€‚网站å“牌调性决定了访客对ä¼ä¸šä¸“业度ã€å¯é 性的判æ–ã€‚æœ¬æ–‡å°†ä¸ºåæ„Ÿå¸ä¼ä¸šè¯¦è§£å¦‚何定义网站å“ç‰Œè°ƒæ€§ï¼Œå¹¶æ‰“é€ è´¯ç©¿å…¨ç«™çš„è§†è§‰ä¸€è‡´æ€§ä½“éªŒã€‚
一ã€ä»€ä¹ˆæ˜¯ç½‘ç«™å“牌调性
å“牌调性是å“牌个性的视觉与è¯è¨€è¡¨è¾¾ï¼Œæ˜¯ä¼ä¸šåœ¨å—众心ä¸å½¢æˆçš„â€œæ€§æ ¼å°è±¡â€ã€‚网站å“牌调性包括两大维度:视觉调性与内容调性。
视觉调性包括:色彩体系(主色ã€è¾…色ã€ç‚¹ç¼€è‰²ï¼‰ã€å—ä½“é€‰æ‹©ï¼ˆæ ‡é¢˜å—ä½“ã€æ£æ–‡å—体)ã€å›¾ç‰‡é£Žæ ¼ï¼ˆå†™å®žæ‘„å½±ã€æ’ç”»é£Žæ ¼ã€3D渲染)ã€å›¾æ ‡é£Žæ ¼ï¼ˆçº¿æ€§å›¾æ ‡ã€é¢æ€§å›¾æ ‡ã€æ‰å¹³å›¾æ ‡ï¼‰ã€æ•´ä½“å¸ƒå±€é£Žæ ¼ï¼ˆç®€çº¦ç•™ç™½ã€ç´§å‡‘密集ã€å·¦å³åˆ†æ )。
å†…å®¹è°ƒæ€§åŒ…æ‹¬ï¼šæ–‡æ¡ˆçš„è¯æ°”(专业严谨ã€äº²åˆ‡å‹å¥½ã€æ—¶å°šæ´»æ³¼ï¼‰ã€äººç§°é€‰æ‹©ï¼ˆç¬¬ä¸€äººç§°ä¼ä¸šè§†è§’ã€ç¬¬ä¸‰äººç§°å®¢è§‚æè¿°ã€ç¬¬äºŒäººç§°ä¸Žç”¨æˆ·å¯¹è¯ï¼‰ã€å†…å®¹æ·±åº¦ï¼ˆæŠ€æœ¯è¯¦å°½ã€æ¦‚è¦ä»‹ç»ã€æ·±å…¥åˆ†æžï¼‰ã€‚
åæ„Ÿå¸å…‰é€šä¿¡è®¾å¤‡ä¼ä¸šçš„网站调性应åå‘â€œä¸“ä¸šä¸¥è°¨ã€æŠ€æœ¯é¢†å…ˆâ€ï¼Œè€Œå感å¸éº»ç³–特产ä¼ä¸šçš„网站调性则å¯ä»¥æ˜¯â€œäº²åˆ‡æ€€æ—§ã€åœ°æ–¹ç‰¹è‰²â€ã€‚åæ„Ÿå¸ç½‘站建设的调性需与å“牌定ä½é«˜åº¦ä¸€è‡´ã€‚
二ã€å感å¸ä¼ä¸šå¦‚何确定网站å“牌调性
å“牌调性的确定需è¦ç»¼åˆè€ƒé‡ä»¥ä¸‹å› ç´ ï¼š
å› ç´ ä¸€ï¼šç›®æ ‡å®¢æˆ·ç‰¹å¾ã€‚åæ„Ÿå¸å…‰é€šä¿¡è®¾å¤‡ä¼ä¸šçš„主è¦å®¢æˆ·æ˜¯ç”µä¿¡è¿è¥å•†ã€è®¾å¤‡é›†æˆå•†ï¼Œä»–们关注技术实力与稳定性,网站调性应以专业ã€å¯é ä¸ºæ ¸å¿ƒã€‚åæ„Ÿå¸ç«¥è½¦å‡ºå£ä¼ä¸šçš„客户是海外ç»é”€å•†ï¼Œä»–们关注产å“安全与时尚设计,网站调性å¯å呿´»æ³¼ã€æ¸©é¦¨ã€‚
å› ç´ äºŒï¼šè¡Œä¸šå±žæ€§ä¸Žç«žäº‰å·®å¼‚ã€‚åæ„Ÿå¸éº»ç³–ä¼ä¸šä¼—多,è¦åœ¨ä¼—多竞争者ä¸è„±é¢–而出,需通过调性差异化实现å“牌区隔。有的å“ç‰Œèµ°â€œä¼ ç»Ÿæ‰‹å·¥â€è·¯çº¿ï¼Œè°ƒæ€§åå‘å¤å¤æ¸©æš–;有的å“牌走“现代å¥åº·â€è·¯çº¿ï¼Œè°ƒæ€§åå‘简约清新。调性差异是å“牌区隔的é‡è¦æ‰‹æ®µã€‚
å› ç´ ä¸‰ï¼šä¼ä¸šå‘展阶段。åˆåˆ›æœŸä¼ä¸šå¾€å¾€éœ€è¦æ›´é²œæ˜Žã€æ¿€è¿›çš„调性å¸å¼•关注;æˆç†ŸæœŸä¼ä¸šåˆ™è¿½æ±‚稳é‡ã€å¯ä¿¡èµ–çš„è°ƒæ€§ç»´æŠ¤å®¢æˆ·å…³ç³»ã€‚åæ„Ÿå¸æŸç«¥è½¦ä¼ä¸šä»Žä»£å·¥è½¬åž‹å“牌è¿è¥åŽï¼Œç½‘站调性从“廉价供应商â€è°ƒæ•´ä¸ºâ€œä¸“业童车å“牌â€ï¼Œè°ƒæ€§å‡çº§å¸¦åŠ¨äº†å“牌形象的整体æå‡ã€‚
三ã€å感å¸å…‰é€šä¿¡è®¾å¤‡ä¼ä¸šçš„è°ƒæ€§æ‰“é€ ç–ç•¥
åæ„Ÿå¸å…‰é€šä¿¡è®¾å¤‡è¡Œä¸šæœ‰å…¶é²œæ˜Žçš„B2Bç‰¹è´¨ï¼Œç½‘ç«™è°ƒæ€§æ‰“é€ éœ€æŠŠæ¡ä»¥ä¸‹è¦ç‚¹ï¼š
视觉层é¢ï¼šä¸»è‰²è°ƒé€‰æ‹©æ·±è“ã€ç§‘技è“ï¼Œä¼ é€’ä¸“ä¸šä¸Žä¿¡èµ–æ„Ÿï¼›è¾…è‰²ä½¿ç”¨ç°è‰²è°ƒï¼Œå¹³è¡¡è§†è§‰é‡é‡ï¼›å—ä½“é€‰æ‹©æ— è¡¬çº¿å—体,简æ´çŽ°ä»£ã€‚æ•´ä½“é£Žæ ¼åº”ç®€æ´å¤§æ°”,ä¸è¿‡å¤šè£…é¥°å…ƒç´ ï¼Œè®©äº§å“与技术æˆä¸ºè§†è§‰ç„¦ç‚¹ã€‚
图片层é¢ï¼šäº§å“图片采用统一背景ã€ç»Ÿä¸€è§’度ã€ç»Ÿä¸€å…‰çº¿çš„ä¸“ä¸šæ‘„å½±é£Žæ ¼ï¼›åœºæ™¯å›¾å±•ç¤ºäº§å“在实际通信网络ä¸çš„应用,体现技术实力;é¿å…使用过于艺术化ã€éš¾ä»¥è¾¨è®¤äº§å“细节的图片。
内容层é¢ï¼šæ–‡æ¡ˆä½¿ç”¨ä¸“业术è¯ï¼Œå‡†ç¡®æè¿°æŠ€æœ¯å‚æ•°ä¸Žæ€§èƒ½æŒ‡æ ‡ï¼›è¯æ°”客观ä¸ç«‹ï¼Œä»¥æ•°æ®ä¸Žäº‹å®žè¯´è¯ï¼›é€‚度展示ä¼ä¸šèµ„è´¨ã€è¡Œä¸šåœ°ä½ã€åˆä½œä¼™ä¼´ï¼Œå¢žå¼ºä¸“业背书。
å››ã€å感å¸éº»ç³–特产ä¼ä¸šçš„è°ƒæ€§æ‰“é€ ç–ç•¥
åæ„Ÿå¸éº»ç³–作为地方特产美食,其网站调性有其独特性:
视觉层é¢ï¼šå¯é€‰æ‹©æš–色调(橙黄ã€ç±³ç™½ï¼‰ä½œä¸ºä¸»è‰²ï¼Œä¼ 递温暖ã€ç”œèœœçš„æ„Ÿè§‰ï¼›è¾…è‰²ä½¿ç”¨ä¼ ç»Ÿä¸å›½çº¢æˆ–æ£•è‰²ï¼Œå‘¼åº”åœ°æ–¹ç‰¹äº§çš„æ–‡åŒ–åº•è•´ï¼›å›¾ç‰‡é£Žæ ¼å¯èžå…¥è€å感å¸çš„åŸŽå¸‚å…ƒç´ ã€æ‰‹å·¥åˆ¶ä½œåœºæ™¯ï¼Œå¢žå¼ºåœ°åŸŸè®¤åŒæ„Ÿã€‚
内容层é¢ï¼šæ–‡æ¡ˆè¯æ°”亲切温暖,å¯è®²è¿°å“牌故事ã€ä¼ 承故事;使用第一人称讲述“我们â€çš„åˆ¶ç³–å¿ƒå¾—ï¼Œâ€œå°æ—¶å€™çš„味é“â€ç‰æƒ…感化表达;内容深度适ä¸ï¼Œæ—¢æœ‰äº§å“介ç»ï¼Œä¹Ÿæœ‰æ–‡åŒ–故事,让访客感å—到å“牌的温度。
差异化调性ç–略:é¢å¯¹å感å¸å¤šå®¶éº»ç³–ä¼ä¸šçš„竞争,å¯é€šè¿‡è°ƒæ€§ç»†åˆ†å®žçŽ°å·®å¼‚ã€‚æœ‰çš„å“ç‰Œä¸»æ‰“â€œç™¾å¹´ä¼ æ‰¿â€ï¼Œè°ƒæ€§å¤å¤æ€€æ—§ï¼›æœ‰çš„å“牌主打“å¥åº·æ— ç³–â€ï¼Œè°ƒæ€§çŽ°ä»£ç®€çº¦ï¼›æœ‰çš„å“ç‰Œä¸»æ‰“â€œåæ„Ÿå¸ç¤¼ç‰©â€ï¼Œè°ƒæ€§ç²¾è‡´ç¤¼å“é£Žã€‚åæ„Ÿå¸å»ºç«™çš„调性差异化是å“牌çªå›´çš„关键。
五ã€å“牌调性指å—(Style Guide)的建立与执行
å“牌调性确定åŽï¼Œéœ€å»ºç«‹å¯æ‰§è¡Œçš„调性指å—,确ä¿å…¨ç«™ä¸€è‡´æ€§ï¼š
视觉规范文档:定义主色RGB值ã€è¾…色RGB值ã€å—体å称与使用规范ã€å›¾ç‰‡é£Žæ ¼è¦æ±‚ã€å›¾æ ‡é£Žæ ¼ç¤ºä¾‹ã€‚这份文档是设计师ã€å‰ç«¯å¼€å‘è€…çš„æ‰§è¡Œä¾æ®ï¼Œç¡®ä¿æ¯ä¸ªé¡µé¢éƒ½éµå¾ªç»Ÿä¸€æ ‡å‡†ã€‚
æ–‡æ¡ˆé£Žæ ¼æŒ‡å—:定义ç¦ç”¨è¯ï¼ˆå¦‚“最â€ã€â€œç¬¬ä¸€â€ç‰ç»å¯¹åŒ–用è¯ï¼‰ã€æŽ¨è用è¯ã€è¯æ°”示例ã€å†…å®¹æ·±åº¦æ ‡å‡†ã€‚è¿™ä»½æ–‡æ¡£æŒ‡å¯¼å†…å®¹è¿è¥è€…产出符åˆå“牌调性的文案。
执行检查清å•:在网站验收阶段,对照调性指å—é€é¡¹æ£€æŸ¥è§†è§‰ä¸€è‡´æ€§ã€å†…容一致性。如å‘现åå·®ï¼ŒåŠæ—¶ä¿®æ£ã€‚
å…ã€è°ƒæ€§çš„æŒç»ä¸€è‡´æ€§ç»´æŠ¤
网站上线åŽï¼Œè°ƒæ€§ç»´æŠ¤åŒæ ·é‡è¦ï¼š
新增内容éµå¾ªè°ƒæ€§ï¼šäº§å“æ›´æ–°ã€æ–°é—»å‘å¸ƒã€æ¡ˆä¾‹ä¸Šä¼ ç‰æ–°å¢žå†…å®¹ï¼Œå¿…é¡»ç¬¦åˆæ—¢å®šçš„å“牌调性。建立内容å‘布å‰çš„è°ƒæ€§å®¡æ ¸æœºåˆ¶ã€‚
定期审计与更新:æ¯å¹´å¯¹ç½‘站进行调性一致性审计,检查是å¦å˜åœ¨ä¸Žåˆå§‹è°ƒæ€§å离的内容。éšç€å“牌战略调整,网站调性也å¯èƒ½éœ€è¦å‡çº§æ›´æ–°ã€‚
总结
åæ„Ÿå¸å…‰é€šä¿¡è®¾å¤‡ã€ç«¥è½¦ã€éº»ç³–ç‰ä¼ä¸šåœ¨è¿›è¡Œç½‘站建设时,å“ç‰Œè°ƒæ€§å®šä¹‰æ˜¯æ‰“é€ å·®å¼‚åŒ–ç«žäº‰åŠ›çš„å…³é”®çŽ¯èŠ‚ã€‚é€šè¿‡æ˜Žç¡®ç›®æ ‡å®¢æˆ·ã€è¡Œä¸šå±žæ€§ã€å‘展阶段ç‰å› ç´ ï¼Œç¡®å®šç¬¦åˆå“牌定ä½çš„è§†è§‰è°ƒæ€§ä¸Žå†…å®¹è°ƒæ€§ï¼Œå¹¶å»ºç«‹å¯æ‰§è¡Œçš„调性指å—ï¼Œåæ„Ÿå¸ä¼ä¸šå¯æ‰“é€ å‡ºä¸ªæ€§é²œæ˜Žã€ä¸€è‡´æ€§å¼ºçš„网站å“牌形象。å“ç‰Œè°ƒæ€§ä¸æ˜¯ä¸€æ¬¡æ€§çš„设计决定,而是æŒç»ç»´æŠ¤çš„å“牌资产,值得投入充分精力与资æºã€‚
TAGæ ‡ç¾ï¼šç½‘站建设 åæ„Ÿå¸ç½‘站建设 邦赢è¥é”€ç–划
声明:本文æ¥è‡ªæŠ•稿,ä¸ä»£è¡¨æœ¬ç«™ç«‹åœºï¼Œå¦‚若转载,请注明出处:https://xiaogan.bangying360.com/news/show00743535.html è‹¥æœ¬ç«™çš„å†…å®¹æ— æ„侵犯了贵å¸ç‰ˆæƒï¼Œè¯·ç»™æˆ‘们æ¥ä¿¡ï¼Œæˆ‘ä»¬ä¼šåŠæ—¶å¤„ç†å’Œå›žå¤ã€‚











