让网站运营更简单
让搜索引擎更喜欢的网站
立即咨询
福利,定制网站送小程序, 名额有限,先到先得
原标题:手把手教你学网站设计-网页设计10大要诀(下)上期小编为大家分享了《手把手教你学网站设计-网页设计10大要诀(上)》,今天小编接着为大家分享下篇6.第六,设计色彩对于页面来讲,色彩也是至关重要的一环。
每个页面都应该有独特的气质,而表达气质的是风格,风格也就是调性,做设计先定调性,这是第一步,也是最关键的一步色彩可以给人的视觉以第一感官,视觉传达的精髓也在于“首轮效应”,就是视觉冲击力,也叫视觉表现力,这种表现力的强弱,直接决定了文案的表现力。
如果学策略看《定位》,学设计看《视觉锤》,那么,正如《视觉锤》中所说,语言是钉子,视觉就是锤子,好的钉子要想打到用户心中,就要用视觉的锤子,通过客户的眼睛,敲进客户的心里,让文案深深的锁定客户的心智虽然听起来蛮狠的,但是在应用的时候,却没那么容易。
我们都有网购的经验,当看到京东、苏宁、天猫等电商的促销页面时,第一感觉是不是影响你是否往下看?色彩,是不是吸引你的一个很大的原因呢?答案时肯定的当人看到一个页面时,首先眼睛会受到刺激,刺激眼睛的就是色彩。
那么,色彩该如何使用,在网页设计中,应该如何选择色彩呢?
色彩,本没有好坏,只有适不适合,搭配是否符合美的法则,符合美的法则在这我们先回顾一下过去大学学过的基础知识,形式美法则形式美法则是人类在创造美的形式、美的过程中对美的形式规律的经验总结和抽象概括主要包括,对称均衡、单纯齐一、调和对比、比例、节奏韵律和多样统一。
我们学过三大构成,平面构成、色彩构成和立体构成,其中,平面构成和色彩构成,可以运用在我们的页面设计之中如何选择合适的色彩呢?首先,看所设计的行业属性,其次,看所表达情绪的调性,最后,合理的搭配,谨慎地使用你的色彩。
虽然设计师需要大胆的想象,但也要“带着脚铐跳舞”,也就是说,设计需要符合设计的“科学法则”,需要符合“形式美法则”看似杂乱无章的设计,如果你觉得好看,虽然你说不出来,但请注意,你所看的这个页面,符合“形式美法则”。
好,我们接着说如何配色的问题选定了行业,选定了调性,接下来,选定一套配色这套配色不建议太花哨,而是需要以一个主色为基础,搭配其他辅助配色为点缀,并制定出本页面的“设计法则”比如,底色用什么颜色,页面分为什么结构,是一种底色还是切分为多块底色,是否需要在文字下方再衬一块底色,这块底色是否需要有一个特殊的形状。
再说一下主画面的配色问题,主画面的配色,需要综合考虑字体和图片的搭配,特别要留意的是,主题打字一定要醒目,要与背景色有明线的区分,简单说,就是要“跳出来”为什么要“跳出来”,是因为这块内容是用户打开网页的第一屏,直接影响到用户是否看下去的行动,同时,第一屏的主题也直接反应出本页面所表达的活动主题思想,所以建议,主题字区域要好好的精心设计,主要考虑的是,主题字与主题图的关系问题。
在用色方面,不同行业也有一套不同的标准,比如,电商促销用什么颜色最好,红色、黄色,为什么,因为红色黄色给人冲动感,激情感,让人产生容易冲动消费的心情再比如,金融类网站用什么颜色最好,蓝色、橙色,因为蓝色给人信赖感,橙色给人亲和感,当然,需要搭配整体主题去设计。
刚才说的是色相(就是什么颜色),其实色彩还有另外两个指标,明度(俗话说明亮度)和纯度(也叫饱和度)在明度上,越明亮的色彩,给人越高涨的心情,在纯度上,约纯的色彩,给人越刺激的心情在色相上,分为冷色和暖色,冷色就是蓝色、绿色、紫色类,暖色就是红色、橙色、黄色类,冷色给人专业、高冷的感受,暖色给人冲动、亲和的感受。
表示色彩可以通过一个色环来看,色环上表现了所有的色相邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色三原色中,任何一种颜色即是其他两种原色等量混合的补色在色相环中,处于直径位置的两色互为补色。
,若混合在一起,会调出浑浊的颜色,如,红与绿,蓝与橙,黄与紫互为对比色在色轮上,90度角内相邻接的色统称为类似色,所以在使用色彩的时候,需要考虑到这些基础知识的运用。
这些色彩知识,是作为一个设计师必须烂熟于心的原理,看似轻松的设计用色,都是要靠美学原理支撑,设计就靠这些原理来指导,用色和排版,都需要有理由,不要说凭感觉这种话7.第七,设计字体现在有很多字体设计师设计的非常棒,但也有很多不得要领的初学者。
其实,字体设计,也是一门大学课程,科班出身的设计人员应该有印象在字体设计中,需要注意的问题,是字体的“性格”对,不光色彩有“性格”,字体也是有“性格”的字体分为几种类型,分别是衬线体、无衬线体、书法体、装饰体。
虽然文字有欧洲文字、亚洲文字,以及阿拉伯文字三种语系,但同样根据字体的造型原理,将字体区分为了好理解,我打个比方,衬线体是宋体(也就是带钩的),无衬线体就是黑体(不带钩的),书法体就是毛笔钢笔写出的字体,装饰字体(也叫广告体,是经过设计过的再造字体)。
在网页设计中,特别是主题着陆页的设计中,我们用的是装饰字体居多,因为这种字体最具表现力,而且字不要太细同时,选择字体后,要对字体进行再造型,如切割、合并、变形、扭曲、倾斜等等,以达到我们想表现的主题气质,或刚猛、或亲和,随页面策划和文案来定。
8.第八,设计插图在当前互联网时代,卡通造型已经越来越受到企业主的欢迎一方面,卡通造型没有相片那种放大就模糊的缺点,二方面,不存在使用了他人拍摄的图片而造成侵权的风险,三方面,想找一张合适的位图真的很难。
所以,最好的办法就是,自己绘制一幅场景和一系列品牌的卡通吉祥物,或者下载一些现成的矢量场景素材,让你事半功倍要注意的是,选择的插图,一定不要有违和感,一定要保持与页面风格的统一性,画风要一致,配色要和谐,位置要恰当。
还有一种着陆页,不是主题活动页,而是静态展示页,相对来说比较理性的那种,这种页面右侧或左侧或上部或下方,可能会放一些广告位而广告位的设计,色彩同样是很关键的,要注意广告与广告之间的色彩差异,还要注意色彩的明度、纯度,要统一,不要有违和感。
在广告的设计中,设计手法也要保持一致,广告中的字体和版式也要保持风格的统一9.第九,设计按钮按钮,其实是画龙点睛之笔为什么这么说呢,一个画面,当用户看完,设想,如果没有按钮,用户就不会找到品牌的主页,从而没有销售转化的效果,那这个着陆页就失去了作用,没有了意义,所以,在页面之中,一定要有按钮的存在。
按钮应该使用什么色彩、什么形式、什么字呢?是这样的,按钮通常是一张PNG图片,嵌入到页面中的,你可以设置它有特效,也可以没有,字体方面,要用好认的字体,最好能粗大一点,目的是好认,好点,目标明显色彩方面,分行业,分目的来说。
如果是电商,首选红色、黄色,如果是金融投资类,首选橙色为什么这么说呢?红色给人冲动消费的感受,是最刺激的颜色,橙色给人亲和的感受,但橙色比红色更容易让人不反感,更友好按钮的位置也要注意,要么再页面最底部的最中央,要么就在页面中部。
至于到底在哪,要看页面上放什么内容如果最底部是活动细则,你可以把按钮放在细则顶部,原因就是,按钮是用户决定的一个触发点,当用户看的时间越久,可能就越不会点,也有可能根本找不到按钮,所以,设计者需要在适当的火候,放置按钮,让客户点击。
10.第十,出图质量最后一步就是完稿出图那么出图同样也是很重要的,设计者需要保证图片的清晰度的同时,还要兼顾图片的质量,也就是多少KB我们都知道,页面的质量越大,打开速度就越慢,所以,按照常识来讲,页面的大小要控制在500K以内,并且设置在72dpi,RGB模式,这一点非常重要。
场战役,需要策略、战术的完美配合,需要文案、设计的完美演绎,需要对品牌、对主题的深刻理解。
希望以上10点对各位同行,特别是刚入行的同道中人有帮助,哪怕是一点点另外,因为本人水平有限,才疏学浅,很少写设计技巧,经验不足,如果有表述不当之处或纰漏,还望大家多批评指正,不吝赐教,给我留言,一起交流经验,一起进步吧。
分享一句设计秘籍给大家,相信一定对大家的设计之路有用现代主义运动先驱,德国工业设计家,迪特.拉姆斯说过,好的设计意味着尽可能少的设计,简单胜于复杂,平静胜于喧闹,谦虚胜于张扬,小胜于大,轻胜于重,平淡胜于矫饰,和谐胜于分离,平衡胜于张扬,连贯胜于交换,极少胜于极多,中庸胜于过激,明白胜于多元素,系统胜于单个元素。
本文图文来源于网络,版权属于原作者或网站,内容为作者观点,内容版权归原作者所有、本站不对文章中的任何观点负责,内容只用于提供信息阅读,无任何商业用途。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站(文章、图片、音频、视频)有涉嫌抄袭侵权/违法违规的内容,请联系管理员,一经查实,将立刻删除、维护您的正当权益。
扫一扫,关注我们