设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网页色彩、文字与图形的统一

发表日期:2018-3-21 作者来源:派谷网络 浏览次数:0

  1、文字
  文字本身是一种视觉语言,它把现实世界的所有事物,都以字的形式来进行了表现。曾经读过一篇文章,说在传统的版式设计中,设计师们更喜欢做英文的排版,因为从视觉上来看,英文很容易形成线和面的关系,且字母有节奏感,比如aby这三个字母放一起有高矮区别;而中文相对来说,单调、孤立、不流畅。
  设计在同一产品(甚至同类产品)中应保持一致性,这样可以大大降低用户的理解成本,使用户快速上手,增加用户的使用率。这个一致性包括内容、颜色、形状、操作方式等,比如在不同的页面使用同样的翻页等,既可以降低成本,又能帮助用户形成良好的习惯,到一定的程度,甚至会提升一个品牌的认知。
  2、色彩
  用户看到一个网站,首先冲击他眼球的就是界面整体的色彩,然后才是其中的内容、文字等。就好像听一首歌,首先你肯定是被这首歌的旋律所吸引,然后才想要去听清楚它的歌词,进而引起共鸣。营销学中著名的“7秒定律”就有说到:消费者会在7秒内决定其购买意愿,而在这短短7秒内色彩占67%的决定因素。所以用户对页面中色彩的关注度是非常高的,有效的运用色彩来区分信息的级别、分类等,有助于帮助用户对信息和操作产生关联,减少用户的记忆负担。
  同一页面中一般采用1种主色调,1-2种辅助色,再加1种小面积的点睛色,即同时出现的颜色一般不超过4种;主色调的选择由产品性格决定。色彩也是有性格和情绪的,因此会吸引不同性格的人,理解不同的情绪。在设计页面之前,经常听到有PD说我希望这个页面的风格是大气、时尚、活泼的……合理搭配颜色,使用对比度明显的颜色,指导用户看到最重要的信息,如在深色的背景中使用浅色的文字;根据不同的产品使用场景,选择合适的颜色,如管理页面经常使用蓝色。
  3、图形图标
  已经有许多的视觉设计前辈,根据长期的经验和用户调研总结出了类似下图的表格,根据这些人们已认知的色彩情感,会更容易引起用户的共鸣和信赖感。因此,设计师在考虑色彩时一定要依附于产品,并注意对用户心理和文化的影响。比如口碑目前的主色调采用橙色,所代表的就是热情、活跃和热烈的感觉;
  我一直认为好的图形表达是优于文字的,有时候大段的文字解释不仅不能给用户带来帮助,还容易影响页面的美观;相对于单纯的文字,图形以及符号化的图标更符合用户的认知习惯。要表达一种信息,往往一张图片或一个标识更能让不同用户理解与接受。适当的使用图形与符号化的图标,会让用户很自然的建立起认知习惯。
     但是图形如果没有把内容表示清楚,则会适得其反,给用户造成理解上的困扰。很多情况下,我们好像都很喜欢做一些很炫的icon来表达某些内容,这些的确会起到一定的吸引性,但是最重要的一点是:不让用户思考,要够直观,够明了,不对用户理解内容产生干扰,如果做不到,那还不如不要。所以:图形图标表意要清晰、明确,要有高度的概括性与指向性,让用户能够快速联想到对应的功能和操作;同类信息的图形图标,在形式和风格上应尽量保持一致;图形图标的使用要注意场合,避免滥用,仅在需要突出重要信息,用户可能产生理解偏差的情况下使用;图形图标要尽量与文本结合使用。
  视觉是文案隐形的幕后推手、是文案的媒婆,2者有机的结合才能讲述给会员一个完整的故事。前面是我理解的文案在视觉中的规范,而这些则是我理解的文案与视觉更深层次的关系。
本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃锟�...

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃濠囧及椤栨壕鈧ɑ绌卞┑鍫㈢Ч缂佹梹鐟ц彊閻庤鍝庨埀顑跨閻c劑宕楅妸锝傚亾娓氣偓閻濐噣寮崼锝囩閻炴稑鐬煎▓鎴﹀礂閹惰姤鏆涚€规悶鍎扮紞锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸褎鐣遍悽顖涚摃椤棙绻涢敓锟�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸鈺傛〃濞戞挸顕ḿ鍐╁緞濮橀硸娼氶悽顖涚摃椤棙绻涙担钘夊墾闁挎稑鐭佺换鏍ㄧ濞戞ǚ鏋嗛柤鍏呯瑜版煡鎳楅挊澶樺殼闁煎嘲鐡ㄩ弳鐔煎箲椤旂晫顢ラ梻鍥х湴閳ь剨鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尵濞堟垹鈧懓顦崣蹇曟媼閹规劦鍚€闂傚偊鎷�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻°劑宕掗妸褎绲诲鍫嗗洤娅ら梺鎻掔Х椤╋箓鎯冮崟顒佹闁硅鍣槐婵囦繆閸屾粍鏆忛柟纾嬫腹娣囧﹪骞侀妯峰亾娴i攱鍞夐柡鍕崄椤斿洩銇愰弴妯峰亾娴i鐟归柛鏂哄墲閺嗭拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨块妴澶愬礆閺堢數绋婇悽顖氭憸閺併倕顔忛妷銉ュ緮闁告粌鏈俊褔寮甸敓锟�...

缂傚啯鍨块妴澶愬礆閺堢數绋婃繛鎴濐槸瀵兘宕氶弶娆炬▼濞戞搩浜為獮鍡涙嚍閸岋妇绀夊ù鐘劙缁楀懏绋夋潪鎵☉濞寸姴顑囩划娑氭暜閸濄儲鏆忛柣銊ュ娴兼劙宕楀畡鐗堝闁瑰灈鍋撻柡鍫灲缁辨壆鏁崫銉︽殢鐎归潻鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

缂傚啯鍨归悵顖滄媼閹规劦鍚€闁艰褰冮崓鐢稿箹椤撱垹甯抽柛妯煎枔閹拷...

缂傚啯鍨归悵顖滄媼閹规劦鍚€濞戞搩鍘惧▓鎴︽嚌閹绘帒鍏婇柟纰卞弮閸樸倝宕㈤悢鐑樺€炴繛鎴濐槸瀵攱寰勫顐﹀殝闁哄倸缍婂ḿ浼存晬鐏炶姤鍊ら柣鐐叉缁诲秹鎮介妸銊х濞存粍绋戠敮顐︽偠閸℃璁插ù鐘劚閸拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�