翰臣正在发生
阅读时长3分钟
网站建设五个重要技巧的分享
建设一个优秀的有吸引力的网站是企业进行网络营销的成功的第一步。保证用户在访问网站的时候,给用户一个良好的体验,将网站的最佳性能表现出来。虽然说,网站的建设是由站长决定的,但是在建设网站的时候可以参考一下以下几个技巧,这样建设出来的网站可以很好地达到想要的效果。 第一、网站的导航建设一定要清晰明了。如果网站有一个直观清晰的导航,用户在访问网站的时候就比较方便,方向也清晰。因为网站的用户类型不是确定的,有些用户甚至对互联网的使用都不是很熟悉。针对这些用户,网站的导航就更加要清晰明了,明确直观地告诉他们点击哪里可以找到他们想要的信息,并且告诉他们在内容页怎样回到首页。网站的导航建设一定要体现出对用户的友好,这样用户在才会愿意花费更多的时间在网站上。 第二、在色彩的搭配上要符合网站的主题。对网站的色彩进行搭配,主要是结合网站的主题。因为颜色的运用也是网站建设的一个重要因素,直接影响着用户对网站的印象。如果所使用的颜色与网站的主题是相符的,会给用户一个种这个网站是专业的感觉,并且对网站产生更高的信任度。色彩搭配还要根据网站的内容来选择,保证使用的颜色与网站内容一致,保持整个网站风格的一致。 第三、尽量减少旗帜广告的设置。虽然在网站建设中可以增加以下横幅广告,或者一些动态的广告,但是这些广告对用户体验是有影响的,所以在设置的时候,应该要控制好数量。而且很多用户在访问网站的时候,很多时候都会忽略横幅广告。横幅广告建议放在合适的位置上,并且要与页面的内容有一定的相关性。 第四、网站建设中不要出现音频循环播放的情况。有些网站喜欢在设计的时候,加入一些音频元素,而且设置为循环播放。而用户在浏览网站内容的时候,会因为音频而分心不知道网站内容的意思,导致对网站的理解出现了误解。如果你的网站确实需要音频来吸引用户,那么就要让用户自己控制播放模式。 第五、对于flash的运用要高效。虽说flash可以提高网站的吸引力,但是需要的流量比较大,要求的网速比较高,不是每一个用户的带宽是高速的。那么就会导致一部分没有耐心的用户对网站失去兴趣,就会开网站。所以,在设置flash的时候应该要高效,而且将控制权交给用户。
2017-11-13
阅读时长6分钟
浅谈中国风格网页设计
中国风格的网站,因其气势磅礴,高贵典雅,独具韵味而受到很多人的喜爱,近年来被大量应用于传统文化、历史人文景点、地产项目等网站中。那么,怎样设计出别具中国气质的网站作品呢?我谈一些个人不成熟的想法,希望对您有所帮助。若有错误之处,请不吝指出。 1、构图。 合理巧妙的构图与内容布局是一个网页设计成功的关键。数千年的文明传承下来,中国人有其独特的构图审美。 对称 对称美是中国传统美学中重要的一部分。对称美体现在中国传统设计的方方面面,如城市格局、皇宫建筑、皇帝陵寝、太极图、对联、钱币、宝剑,无不用到对称的设计理念。传统设计中的对称有很多种左右对称、上下对称、中心对称等多种形式,网页由于其特殊性,一般用到最多的是左右对称。对称的网页设计使得整个画面有了平衡、和谐、庄重之美。 《石家大院》,成功运用对称布局,复古味十足。 《精武英雄》,又是对称构图的一个成功应用。 《故宫博物院》,整体左右对称,局部灵活变化。 竖排 中国古代的文字是自上而下竖书成行,自右向左换行。这一特征也被广泛引用到网页设计中。竖排的布局方式呈现出浓浓的中国古典文化气息。 《南园茶社》,竖排与对称的完美结合。 《何园》的一个栏目页,依然是对称与竖排。 留白 中国画讲究留白,留白是一种智慧,更是一种境界。留白能使“方寸之地亦显天地之宽”。在网页设计中,适当的运用留白,可以让页面构图更加协调,避免压抑感。宽松自由的布局也会让中国风格变得更加飘逸、时尚、清新。 《China White》,宽松自由,飘逸灵动。 《台湾故宫博物院 雍正文物展》,画面右侧,合理留白。 《西山恬园》大胆留白。 《风雅》,一个日本设计公司网站。 2、配色。 中国红与青花蓝、琉璃黄、国槐绿、长城灰、水墨黑和玉脂白构成一道缤纷的中国传统色彩风景线。而这些颜色也正是中国风格网页设计中用到最多的颜色。 红色 中国红(又称绛色)是三原色中的红色,以此为主色调衍生出中国红系列色彩:娇嫩的榴红、深沉的枣红、华贵的朱砂红、朴浊的陶土红、沧桑的铁锈红、鲜亮的樱桃红、明妍的胭脂红、羞涩的绯红和暖暖的橘红。 《渔》,经典中国红。 韩国的《汉文会馆》,红色,书法元素,扇子元素。 《盛唐》,陶土红、铁绣红的应用。 《阴余堂》,橘红色在中国风格的网站中应用并不多,很新颖。 茶色 茶色具有古色古香的秦风唐韵,因而成为中国风格网页设计中最重要的颜色之一。茶色很多情况下被用作网页的主色调。不同明度的茶色调和,茶色与朱砂红、黑色的搭配都是设计师惯用的手法。 《杨柳青:中国木版年画之乡》,不同明度的茶色调和。 《同里古镇》,色彩柔和雅致,红色点缀恰到好处。 《平门府》,古色古香的颜色。 黑白灰 如果想演绎出浓浓的水墨风情,那黑白灰的配色方案是个不错的选择。国画少不了一个红色的印章,同样水墨风格的网页中加以红色点缀,会起到画龙点睛的作用,使页面变得鲜活、灵动。作为中性的配色,如果想把中国风格演绎的时尚一些,黑白灰也是不错的选择。 《台湾故宫博物院》,黑白灰简洁大气。 《和堂》,清新淡雅的画面色彩。 《源》,中式服装网站,黑白灰色调,简洁的中式风格。 《爱莲说》,黑白灰对比,有较强的视觉冲击力,完美结合墨迹效果。 《谭木匠》,采用淡灰色的渐变,把中式风格与时尚感完美融合。 青花蓝 青花瓷是瓷中极品,其精致淡雅,超凡脱俗,是非常独特的中国传统文化元素。蓝白相间的配色极其简单,却难以驾驭,因此在网页设计中并不多见。用之,往往能别出心裁,自成一格。 其它颜色 除了以上色彩,代表至高无上的黄色、富贵华丽的紫色等,也能传达一些传统观念,可以适当选择使用。 《吉祥斋》,紫色与中国画元素在中式网页中的应用。 《桃源居》,黄色有时也会被大篇幅应用于中国风格网页设计中。 3、元素。 选择特别的元素加以应用,能更好的烘托气氛、点缀主题。 直线 简单的直线勾勒,是中国风格网页设计中常用的元素之一。如竖排文字的行分隔线,就是别具中国特色的修饰方法。 《倾城网》,在内容密集的门户网站,通过红色的应用、两侧对称的花纹,线条修饰,烘托中国风格。 方与圆 古人讲“天圆地方”,故方与圆的巧妙结合也被大量运用在中国风格的网页设计中。方形中规中距,符合中国人沉稳刚正的性格特质。圆形圆润光滑,彰显阴柔之美。 《何园》首页,方与圆的结合,也用到中国传经丝纹饰(上下的花纹及两侧的回纹)。 纹饰 聪明的祖先创造出丰富多彩的花纹样式,古人将基大量应用在各种场合,如陶瓷、刺绣、窗花、蓝印花布,蜡染、剪纸、雕刻、编织等。中国古典文饰有云纹,龙纹,回纹,连技,如意纹等,运用得当会很好的烘托整个画面的氛围,使中国风韵更加突出。 《关中民俗博物院》,花纹用得并不多但效果非常突出,传统建筑元素融入网页设计中。 《圆山大饭店》,背景铺满淡淡的云纹。 具象元素 除了以上抽象元素的使用,还有很多具象的中国文化符号,也经常被用于网页设计中。这些符号包括但不限于:水墨、古建筑、花卉(如梅,兰,牡丹,竹,荷花)、山水、卷轴、书法、窗棂、印章、毛笔、灯笼、竹简、青铜器、做旧效果等。 《双妹》,20世纪上海滩复古风格。留声机在那个年代具有重要的象征意义。 《聚春园》,古雅的色彩,细节元素的使用。 《兵马俑国际旅游景区》的设计中,用到很多中式具象无素。 《北京舞唐广告有限公司》,古城墙剪影效果很有想法。 4、大忌。 中国风格的网页固然好,但如果把握不当,效果会适得其反。所以有几点一定要加以注意。 元素堆砌 没有一个整体的构图,而只是把一些中国元素简单的堆砌在画面中,这样的网页就像把最漂亮的五官不合理的组合在一张脸上一样。 粗枝大叶 见过很多所谓的中国风格网页,制作粗枝大叶,细节毛糙不堪,图片变形严重,字体凌乱混杂。这种网页给人东施效颦的感觉,倒不如就做一个简洁的页面好。 格调沉闷 中国风格很多情况下需要表现出复古、怀旧的味道来,所以很多时间要用到一些低饱和度的颜色,一不留神就会变得沉闷、压抑。所以,对色彩的明度与饱和度的细微差别,一定要慎之又慎。有时候需要一些高亮度,高饱和度的色彩进行局部的点缀。使画面变得通透,灵动。
2017-10-30
阅读时长2分钟
网页布局对网站建设的重要性很大
在长期的网站建设过程当中,渐渐的认识到网页布局在网站建设过程中是那么的重要,对于如何进行网站布局给广大站长们提一些建议性的意见。 第一、记住,如果不是特别重要的文字说明,一般情况别轻易让文字居中和使用粗体或斜体字符。 第二、利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影像地图指引主要链接,使你的页面能吸引人和容易阅读。 第三、不要在每一个页面里使用不同风格的图标。 第四、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力。彩色分隔条也能在不扰乱带宽的情况下增强图形感。 第五、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣,甚至很专业,但是装饰背景很容易使文字变得不可辨读。要把背景做得好,光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像,对比度要较低才不至于过于分散读者的注意力。 第六、在添加图片的时候,即img标签里记得要加上alt标记。 第七、也可以在分隔条上使用ALT标记,这样就使得使用基于文本的浏览器的读者能看到一些更有趣的东西,而不只是一条直线。 第八、把重要的内容尽量的放在页首,而不是页尾,之所以要这样做,是因为一般的网站浏览者是不会往下看那么远的。 第九、不要让什么东西看起来象是一个按钮却不起按钮的作用。
2017-10-24
阅读时长5分钟
网页设计中的极简风格:无的力量
作为设计师,我们都知道极简的设计效果的确非常出彩。然而,在设计过程中,我们往往会由于使用较少元素而感觉缺了什么,或是让最终成品看起来仿佛没有完成。 那么什么是极简设计?又是什么方法使你的设计看起来简约又不简单呢?这篇文章也许会帮到你。 什么是极简设计 极简设计,严格上讲不能算作一种视觉风格,而是一种设计哲学。它在保持了基本的骨架内容的基础上,剔除掉多余的元素、装饰、色彩和纹理,是通过不断思考而进行化繁为简的设计过程。这样做的结果是突显了主题内容。所以,它是扎根于设计思想根部的概念。 极简主义起源于苏格兰,当时在各个文化领域都掀起了极简的风潮:平面设计、建筑、音乐、文学、绘画等。直到现在,也开始在网页设计中盛行。 尽管极简设计风格在十年间并未得以足够的关注度,早先的互联网领域中根本看不到它的影子,样式复杂的LOGO和广告,艳丽的色彩……网页设计一直以来都以臃肿繁杂的形象出现。 少即是多 前已提及,极简风格是直截了当地展示主题,减少对观者的视觉干扰。如果一个页面有太多的元素,用户就会在众多的元素中,由于无法决定其主次而陷入混乱。一个优秀的极简设计势必会用不偏不倚的姿态焦距主体内容。 举例来说,一个以黑白灰为主色的网页中,如果出现任何色彩,都会成为视觉焦点。就如下例所示,白色作为底色背景,再加上一点浅色背景,搭配黑色文字,同时有相应配图,配图的色彩表现集中在模特的服饰上,这很好的突显了服装品牌这一焦点。 这一种设计风格就让用户焦距到服装本身的质地、色彩、样式上,从而轻而易举锁定了用户的注意力。而与此同时,在服装本身以外不再增加任何的装饰和元素,除了主体结构再无其他。 怎样简化内容 首先对于网页所展示的内容,设计师要有一个清晰的认知。先将网页上所需要出现的元素列出清单,再从中进行逐次审视是否有出现的必要,是否需要去除。 这是一份我认为可能需要思考是否应该不予出场的元素清单。 社交媒体的图标 标语和详细介绍 目前流行的一些比较引人耳目的元素(比如分享和赞等) 一个页面多出三个部分以外的部分 导航中的次级元素 当然,这并不是一个框架,你当然需要考虑如果有必要时也不能统统删除而后快。主页出现的部分元素都可以放到二级页面里。毕竟如果主页信息量太大,你的用户也许也会“消化不良”。 这样精简以后的结果是,也许你的网站的功能性相比弱化了一些,但删减了多余的元素,使之成为一个更为简化的布局,这让用户可以在你的网站停留时间更长一点。而让用户成为愿意为之学习的网站。 怎样简化设计 你需要不断简化任何出现的元素,让纹理消失直至不见、更少颜色、更简单的造型……总而言之,这一系列的处理过程的确让你的设计变得有些平淡了。但这时你要记住,不要偏离了极简的方向,你可以把设计集中到焦点内容上,让焦点内容成为唯一重要的视觉核心。使用一些创造性的技巧来处理细节。 使用优雅的线框 大家都知道,使用线框能让你的设计看上去更“稳固”,因为你的眼力其实超乎你想象的好用,它甚至会记得每一段间隔每一个交点,所以任何破坏视觉平衡的元素都会格外突兀,这时你的直觉只会告诉你“感觉不对”。但这其实就是没有运用好线框的结果。 一个合适的线框图是极简设计致胜前提。你可以运用它获得合适的比例,创造出有趣的视觉平衡。 你可以在设计伊始就用2B铅笔在草稿上画出你的页面布局和元素样式。 在画线框时,你需要遵循下面的顺序 1)决定你的网页中需要出现的元素2)对元素之间,按优先次序进行排序3)画出线框草图并试着去达到最佳的布局视觉效果 留白 在我眼中,留白是一种设计素材。留白并不等同于极简,但它与极简设计有着千丝万缕的联系。 不管你多么有创意,一个极简设计如果没有足够留白,那么也将是失败的。所以,在设计时,你要考虑每个元素的周围都有足够多的留白空间。 例如上面这个网页主页中的LOGO部分周围的大量留白,让LOGO本身得到直观的展示。 让简单成为习惯 我们不可否认,我们有一种自我膨胀的恶习。设计中,不知不觉就会增加过多的东西,因为你的脑海中一直浮现一种想要“完美”它的欲望。鉴于此,我们必须要让自己从这个习惯中摆脱出来形成另一个良好的习惯。 如果你在设计中陷入了盲区,总觉得不对劲“仿佛缺了点什么”的话,这时,与其纠结于给页面增加更多的元素,不如想想怎样让页面减少更多的元素。 最后,当你对设计已经满意后,再看看是否仍然可以进一步简化设计。就像给树苗修剪枝叶一样的耐心。 网页设计中极简范式 黑白灰:色彩禁欲主义 黑白灰的大气让人难忘,虽然是信手拈来的设计道理,但放到实践中,设计师往往需要更多的勇气做这样的设计。因为做这类设计的风险太大,不小心就会让设计变得死气沉沉一片荒芜,带给观者负面的感受。如上图中以黑色为背景就需要严格与网站的内容契合,表现出黑色的“酷”。同时,元素的编排也必须不拘一格,比如将人物置最前,文字放于背景之上,黑白的搭配顿显时尚感。 线形插画:形魅力 灰色的背景上只用白色作为前景色,首页的焦点是中心位置的线性插画,这是品牌展示的一种最为直观的方式。而运用一定的投影效果,让插画仿佛悬浮在半空中则是增加了一些创造性的细节,这就让画面活跃起来,不会陷入一片荒芜当之中。
2017-10-16
阅读时长3分钟
如何做好网页设计的十个小窍门
这篇文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。 2、记住:用户是略读页面 当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等 3、网站的左上角是最明显的位置 这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。 4、了解“F”结构 一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。 5、了解用户忽略什么 用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。 6、文字和图片 一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片…… 7、用设计元素来吸引注意 来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表…… 如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。 8、文字格式 恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。 9、使用简洁图片 我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。 你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。 10、使用留白 使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。
2017-10-11
阅读时长5分钟
网站设计工作流程指南
许多公司和个人都需要网页设计师为自己的建设网站。当然,他们也都希望网站看起来尽可能专业。他们所依靠的网页设计师,可以让他们的在线业务获得成功,并确保他们可以满足客户所想要的。 双方都知道的设计工作流程,它也是重要的是,以避免某些误解。这也将帮助客户和设计师同意在项目进度。记住,客户应该知道设计过程中,使他们不会对任何疑虑。向客户解释一切,使他们了解过程。这将大大有助于在与他们有一个良好的工作关系。在这篇文章中,我们会给你制作网站设计工作流程的指导 。 1. 咨询 第一件事就是将您的客户谈论他们的要求是什么,网站的目的,什么是他们想要的东西,选择使用的颜色,他们要使用的图像,以及许多其他信息。请确保您收集所有您需要的信息在初次见面,这样您就可以开始为他们的项目建议书。你还必须知道客户的预算,所以你可以限制自己说预算。在你来的第一次会议,准备你要问的问题。也请记住行为要专业,不管是线上和线下,和客户交谈时,必须友善和包容。 2. 做一个项目建议书 在这个阶段,您已经准备好了一切为了客户查看。他出示您的项目的设计理念,网站地图,时间线,系统应用程序和软件,工程造价,客户端的作用,维护网站和搜索引擎营销,营销材料,建议,付款条件,版权事项和审批程序的建议。你需要解释和讨论每一个细节项目。如果客户表明,接受它,但如果你认为它是不适合的项目,你可能会建议的另一件事。您还需要解释为什么你认为你的想法是更好。始终给予诚实的解释。您的客户端将欣赏它,因为它表明你关心项目和客户。 3. 签订合同 没有合同,决不搞任何交易。总是有一个。在项目建议书和客户已同意,使合同双方签署。这将保证您和您的客户不能更改了,你有讨论和商定的一切。也确保,将按照合同的一切要求。客户签署的时间,你就可以开始该项目的工作。 4. 收集所需要的材料 开始的信号,就需要对项目的材料。因此,要求那些图片,内容,标识和其他人一样的东西,从客户端。当然,你仅仅是设计,这是您的客户端决定的内容。确保,您将得到高清晰度的图像,所以,它会寻找良好的网站。也确保收集的一切,这样你就不需要被调用,而每一次等待你没有问一些缺乏内容。这将导致工程延误,你会毁了你的项目进度或时间轴。 5. 做一些研究 做一些对你的客户的竞争对手的研究,这样你就知道该怎么做,他们的网站。当然,你必须比竞争对手的网站,使其更好。此外,还要确定一些关键字搜索引擎优化,将有效。你可以建议客户端,并在他们的网站成立。您也可以建议的一些内容,可以帮助他们实现更高的排名。告诉他们你的研究结果。他们一定会高兴的是,你必须努力做到这一点,以帮助他们。 6. 制作网站地图和线框图 这个时候你有一个网站地图,线框。为了确保您的网站内容是有组织的,易于操作,有需要有一个网站地图,这是一个流程图的网页。除此之外,它也很重要,使线框。线框都将由在线用户用来完成特定的任务的网站在重要页面的骨架。在一个网站是重要的两件事。(推荐阅读:《24款线框图相关工具及资源》) 7. 摄影和图像 有客户要求为摄影专门为网站拍摄的实例 。你必须准备。有时候,他们只是为您提供的图像。只要确保他们给你的图像质量好,分辨率高,这样就可以放在网站上 。 8. 着实网站设计 收集的图片和站点地图和线框后,可以使网站的设计。记住您的客户在咨询期间,您给的要点。看看你的笔记,不要忘记任何东西。把你的客户给你的内容。这样做后,您的客户,让他的评论就可以了。如果有更正和其他投入,包括在设计。 9. 使用测试站点 网站设计批准的时间,它是您作为一个网站,它的工作时间。创建XHTML格式。然后做XTHML网页编程,CSS样式表,JavaScript验证和动态元素,如Web窗体等,还准备使用的图像正确的标题标签,meta标签,关键字和ALT标记的搜索引擎优化的网站。您还需要浏览器的兼容性测试。这将是更好,如果运行良好的观众使用任何类型的浏览器。这样做后,提供给客户端的链接,这样他可以查看网站。 10. 作出最后的内容 当客户完成检查网站,并已纳入所有的客户改正,你现在可以完成网站内容。当然,你必须表明,最终输出到客户端,以防万一有轻微的调整。 11. 网站上线 为您的网站寻找一个良好的(虚拟)主机。有大量的托管商可以选择,比如 Blue Host。阅读这些网站的评论和每一个尝试比较功能。这样,您就可以选择合适的虚拟主机。此外,尝试网站的最终启用前的可用性测试。 如果你与特定的指南或过程工作,你将不会错过任何信息 。这是非常重要的,以确保您的工作在正确的顺序是。但是,每一个设计师的工作流程是不一样的,与其他人的工作流程。至少,我们为您提供指导上的一个网页设计过程中 。如果还有其他一些重点,你想补充请留言 。
2017-10-10
阅读时长2分钟
20个对设计师非常有用的在线配色工具
配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解。 然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配色工具帮助你挑选颜色。下面列出了20款优秀在线配色工具,看看哪款适合你。 COLOR SCHEME DESIGNER Color Scheme Designer 是一款互动的在线配色工具,通过拖动色轮来选择色调,可导出十六进制的颜色代码为HTML、XML和文本文件。 CHECK MY COLOURS Check My Colours 是一款帮助你检查不同网页自己的颜色亮度和对比度的差异的工具,同时也检查所有DOM元素的前景色和背景色时候有足够的对比度。 COLOR JACK ColorJack 是一款在线配色工具,从球形的取色器中选择颜色。 COLOURMOD ColourMod 是一个面板工具,让用户动态的改变网页的颜色设置。 COLOROTATE ColoRotate 是一款3D工具,让你在三维空间里更方便的操作和选择颜色组合。 CONTRAST-A Contrast-A 可以让你在一个三维的RGB颜色空间里进行颜色组合实验。 KULER Kuler 是一个设计师创建和分享配色方案的平台,可以使用易用的操作界面进行颜色组合实验及浏览成千上万的预制配色方案。 COLOURGRAB ColourGrab 可以让用户通过提交图片地址,然后获得分解出的图片配色。 PRO COLOR PALETTE SOFTWARE FROM COLOURLOVERS Pro Color Palette 这款工具包含从图片获取配色,还有一个取色器和配色器,可以保存正在使用的颜色。 COLOR EXPLORER Color Explorer 是一款帮助你挑选主页颜色的免费工具。 PICTACULOUS Pictaculous 是一个方便的配色工具,可以从你选择的图片中提取颜色并生成配色的配色方案。 COLOR HUNTER Color Hunter 可以让你从图片中选取颜色并生成对应的配色方案。 COLORZILLA colorZilla 是一个Mozilla扩展,帮助Web开发者和设计师选择网页中的对象颜色。 COLOR WIZARD Color Wizard 是一款在线工具,你可以提交一个基准颜色,它会自动返回匹配的配色方案。 KOLUR Kolur 以简单愉快的方式浏览调色板,帮助你挑选配色方案。 COLOR WHEEL The color Wheel 是一款帮助你挑选网站配色的工具,同时生成对应的颜色代码。 COLORMUNKI ColorMunki 是一款工具齐全的配色工具,可配制出任何可见光谱范围内的颜色。 COLORSPIRE Colorspire 这款工具有一个灵活的取色器和颜色轮子,帮助你快速的为网站选择配色方案。 COLOR SCHEMER ONLINE V2 Color Schemer Online v2 是一款即时的在线配色工具,帮助你选择网站的配色方案。 INFOHOUND COLOR SCHEMER Infohound Color Schemer 是一款帮助你实验不同配色方案的简单工具。
2017-09-26
阅读时长8分钟
浅谈网页设计中的色彩理论
无可争议的是,色彩是任何设计领域中最重要的一方面。 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。 一、颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。 色轮的主要组成 所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色。 三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。 把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。 二、颜色的关系 描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。 互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。 邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对比。 第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。 三、基于情感的色彩群体 一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。 暖色能让人感觉到温暖,例如红色、黄色和橙色。 冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。 中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。 了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感,并彰显优势。 四、设计中颜色的类型 这里有两种不同的颜色系统,两者的运用取决于你设计什么。 RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写,这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。 CMYK是“青色、洋红、黄色、黑色”的英文缩写,这些颜色是颜料的原色,CMYK被运用于印刷。 网页上的设计是建立在RGB色彩系统上的。 五、明智地选择色彩、传达意义 色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。这种实践经验再加上一些知识和想法可以运用到网页的设计中去。 人们往往不会同意一些特定色彩的含义以及设计师们应该用哪些颜色来加强特定的情感。但无需争论的是,客户对颜色是有情感的反应的。 当为你的设计品选择颜色时要慎重,不要无目的地使用颜色。你所选择的颜色要适合你的目标受众、能表达客户希望你传达的信息,能符合你对用户在你的网站所获得的整体感受的期望。 暖色能带来阳光明媚的情绪,用在希望带来幸福快乐感觉的网站上是明智的。举一个例子,在2009年全球经济不太好的时候,黄色变成了网页设计中非常流行的色彩,因为公司希望顾客在他们网站上有到阳光和舒适的感受。 冷色最好是用在想要表达出专业或整洁感觉的网站上,以呈现出一个冷静的企业形象。冷色表达出权威、明确和信任的感觉。例如,冷静的蓝色用在许多银行的网站上,比如大通银行。冷色运用在以乐观为主题的网站上是不明智的,因为用户会得到错误的印象。 六、颜色对于用户的意义 大多数颜色能表达积极或消极的情绪,这取决于它是怎样被运用的,以及周围其他的颜色,还有网站本身的内涵。 以下是一些流行色彩的普遍意义。 红色 红色象征着火和力量,还与激情和重要性联系在一起。它还有助于激发能量和提起兴趣。 红色的负面内涵是愤怒、危急和生气,紧急情况下,和愤怒,这也源于红色本身里的热情和进取。 橙色 橙色是色轮上红、黄两个邻色的组合色。橙色象征着幸福,快乐和阳光。这是一个欢快的色彩,唤起孩子般的生机。 橙色没有红色那么积极,但是它也有一部分这样的特质,刺激着心理活动。但它也象征着愚昧和欺骗。 黄色 明亮的黄色是一种幸福的颜色,代表着积极黄色特质:喜悦,智慧,光明,能量,乐观,和幸福。 一个昏暗的黄色则带来负面的感受:警告,批评,懒惰,和嫉妒。 绿色 绿色象征着自然,并且有一种治愈性的特质。它可以用来象征成长与和谐。绿色让人感到安全。医院经常使用绿色。 另一方面,绿色的是金钱的象征,表达着贪婪或嫉妒。它也可以被用来象征缺乏经验或初学者需要成长(“没有经验的绿色”)。 蓝色 蓝色是一个和平、平静的颜色,散发着稳定和专业性,因此它普遍运用于企业网站。蓝也可以象征着信任和可靠性。 一个冷调的阴影能带来蓝色消极的一面,象征着抑郁,冷漠和被动。 紫色 紫色是皇室和有教养的颜色,代表着财富和奢侈品。它也赋予了灵性的感觉,并鼓舞创造力。 较浅的紫色可以散发出一种神奇的感觉。它能很好地提升创造力和表达女性特质。 较深的紫色可以呈现出沮丧和悲伤的情绪。 黑色 虽然黑色是不是色轮的一部分,它仍然可以被用来暗示感觉和意义。它往往是与权力,优雅,精致,和深度联系在一起。据说在面试时穿黑色服装可以表现出应聘者是一个有力量的个体,网站也是同样的道理。 黑色也可以被看作是负面的,因为它与死亡,神秘和未知联系在一起。这是悲伤、悼念和悲哀的颜色,因此在运用时必须明智选择。 白色 白色,也不是色轮的一部分,象征纯洁和天真。它还传达着干净和安全。 相反,白色还可以被认为是寒冷和遥远的象征,代表着冬天的严酷和痛苦的特质。 七、大公司的网站中颜色运用的例子 我们来看看一些大公司的网站,来知晓他们是怎么运用颜色的,以及那些颜色对于他们的用户来说意味着什么。 耐克 耐克常常更新他们的网站,但通常还是黑色和灰色的色调,它通常是暗。黑色显示着他们产品中的力量,留给大家他们向爱运动的顾客出售优质产品的印象。 白宫 白宫的网站主要是白色和浅灰色,再加上一些蓝色和红色作强调色。白色象征着希望和自由,显露出平安和纯洁的价值。红色和蓝色当然是美国的代表色,红色代表着热情和能量,蓝色则代表着稳定与和平。 亚马逊 亚马逊的网站大多是白色的,白色有着最佳的对比度和可读性。它还显露出整洁性,让用户能自由地浏览网站。以橙色和蓝色的强调色则让用户能感到安定、兴奋,也让他们期望找到最满意的采购。 Verizon公司 红色是Verizon的企业品牌主色调,也是贯穿整个网站的颜色。红色有助于刺激用户的兴奋性,展示出一个出售让人兴奋和快速更新的产品的公司形象。白色背景的运用与亚马逊类似,通过一个整洁有序的界面来帮助用户阅读这个网站。 百思买 百思买的网站的色调是深蓝色,显露出他们在电子市场中的稳定和实力。顾客在百思买上的大量采购使得他们需要安全感与平和感。黄色散发的快乐气氛让他们在采购时感觉到兴奋与趣味。 嘉信理财 嘉信理财是一家投资公司,在不稳定的市场环境下他们需要让消费者在他们的网站上感受到平和。他们使用柔和的深蓝色调来实现这一点,并建立起一种平静、祥和的气氛。中性的棕色则是另一种帮助协调偏激的用户感受的企业色彩。橙色作为强调色,能让用户在买股票时产生兴奋感,同时也为网站带来了幸福感。 道奇 道奇的网站大多是黑色系,能让网站上的图片凸显出来。他们使用一种鲜艳的红色作为强调色。黑色给网站带来力量感,在一种精致与阳刚的氛围下展示他们的产品。黑色是一种不错的颜色,它能使产品看起来珍贵、有价值。红色则表达出激情和兴奋,是希望能让消费者认为他们是从一个值得信任、质量有保障的公司购买到的车辆。 全食食品公司 全食食品企业品牌的主色调和他们的网站色调一样,是绿色。全食食品以较高的价格售卖健康的有机食品。网页设计中的绿色很好的展示了他们所珍视的健康与纯净的概念,以及他们亲近自然的产品。他们也用了很配绿色的淡黄色作为强调色,为网站增添了趣味性。 八、颜色在网站中的运用 不需要描述性的文字,颜色就能赋予网站以意义。无论你是否打算为他们加上某种意义,颜色本身就有许多特定的印象。用户浏览网页时,颜色帮助转移用户的视线,指引用户怎么去浏览一个页面。在许多企业的网站中可以看出,颜色表达了情感和价值观,向用户展示着他们的公司是怎样的、他们所售卖的产品是怎样的。 仔细挑选补色能让你更好地运用颜色,一旦选定后你想要表达的意义也就显示出来了。 配对色的运用能改变一个网站的意义。给以柔和的蓝色为色调的、表达出平静网站配上明亮的橙色,就能让它变成让人更多感受到兴奋和趣味的网站。 也许你的客户认为你所设计的网站深灰色过多、太过严肃,加上柔和的蓝色能让你的网站有平静、平和的基调。 九、与色彩运用相关的资源 许多网站讨论过色彩理论和设计中的色彩使用。可以运用以下这些有用的资源来寻找色彩搭配和为你的网站设计注入更多的意义。
2017-09-25
阅读时长4分钟
中小型网站改版的三种模式及优缺点分析
网站改版的目的是希望网站运营效果更好,常见的中小型网站改版的三种模式包括:网站外观更新模式、网站要素调整模式和多网站并行模式。各种改版模式的优缺点简要分析如下。 与大型网站改版不同,中小型网站改版模式更为灵活,相对而言,中小网站改版的频率也会更高一些。从网络营销的角度来看,网站改版的目的是希望网站运营效果更好,那么就需要对不同的网站改版模式进行必要的分析,以便找到最适合本企业网站的方式。 常见的中小型网站改版的三种模式包括:网站外观更新模式、网站要素调整模式和多网站并行模式。各种改版模式的优缺点简要分析如下: (1)网站外观更新模式。大部分网站尤其是中小企业网站的改版,实际上只是把网站外观重新设计一番,看起来面貌焕然一新,但实际上并不涉及栏目结构、网站功能和内容等基本要素的改变,这种网站改版对网络营销效果几乎不会有明显的提升,因此这种在企业网站中最为普遍的“网站改版”,实际上与网络营销策略并没有直接的关系,仅仅是适应网站经营者个人的喜好而已。这种“变脸”式的网站改版,通常出现在网络营销水平不高的小企业网站。 网站外观更新模式的特点是:“改版”容易,不涉及网站运营策略和技术开发等工作,也不会对企业网络营销产生价值,如果过于追求外观效果或者使用大量多媒体技术的话,很可能会影响用户正常获取信息,因而做无用功甚至得不偿失的情况居多。 (2)网站要素调整模式。除了网站外观更新之外,对网站基本要素如栏目结构、网站内容、功能和服务等进行大调整,从网络营销的角度看可以被认为是实质性的网站改版,因为新的网站引入了适合当前网络营销需要的元素,更容易在网站推广中发挥作用。这种模式是常规的网站改版方式。 网站要素调整模式的特点:不改变原有网站的域名,保持了用户访问网站的连续性,但应注意的问题在于网站要素的调整在新旧网站切换中将面临一系列关键事项的调整,对网站改版和运营人员的经验要求较高,如处理不当很可能造成原有网站资源的浪费、新网站运行不稳定,以及用户获取信息的困难等等。而因为这种网站改版方式造成的大量的死链接、复制网站(复制网页)等搜索引擎最为忌讳的问题在现实中屡见不鲜,有些网站不得不为此付出沉重的代价。 (3)多网站并行模式。一个企业并不是说只能有一个网站,实际上很多大型企业早就开始了关联网站(有些称之为子站),如联想集团、中兴通讯公司网站等等针对某些专项产品和服务都建立了相应的独立网站。作者于2004年在网上营销新观察网站发布的“网站推广120种实用方法”中提出关联网站推广的概念,此后被许多网站所接受并采用。借鉴关联网站的思想,在我为新竞争力网络营销管理顾问设计的综合顾问型网络营销解决方案中,将多网站并行模式作为企业网站改版的主流模式,尤其适合于对网络营销效果期望较高而现有网站水平不高的企业。 多网站并行模式的特点是:网站改版对原有网站允诺应没有任何影响,同时可以在网站推广运营中充分发挥关联网站的作用,其缺点在于增加了一个网站空间和域名的费用,当然对于一般小型网站而言,域名主机的费用相对于网站运营的其他费用几乎可以忽略不计。 网站改版中的多网站并行模式的基本出发点是,暂时并不改变原有网站的运营状态,根据网络营销总体策略的需求,新建一个以网络营销效果为导向的全员网络营销型企业网站,使得新旧两个网站同时运行,原有网站为新网站进行一定的推广,新网站则包含了网站原有的内容并且融入适合网络营销的新的功能、内容和服务。至于如何兼顾新旧两个网站的推广,如何设计关联网站的域名关系,将在其他相关文章中给予介绍。
2017-09-13