Blog

在日常的网页设计工作中,排版对整体设计的表达起着非常重要的作用。如何划分界面的层级关系?如何突出界面中的重点?如何让界面布局变得富有趣味性、设计感,能吸引用户眼球的同时还能准确传达信息?等等,都是我们今天要讲的内容。那么,如何掌握网页设计的对齐原则? 网页设计为什么要有排版? 排版,就是将界面中原本杂乱的信息通过设计编排手法,使其变得更有条理性、可读性和设计感;同时还能帮助用户在最短时间且最大限度捕捉界面的有限信息。 可见,排版是整个网页设计中非常重要的环节,也是衡量设计师足够优秀的一个必要指标! 网页设计中排版有哪些原则? 排版设计主要有三大原则:对齐、对比和分组(即亲密性),虽然很多从事设计专业的朋友们都知道这三大原则的重要性,但就是做不好排版,这到底是为什么呢?下面,我们想从最基本的原则-对齐原则入手,希望大家能从中找到排版做不好的原因。 如何掌握网页设计的对齐原则? 对齐原则就是界面的元素以某种对其规则进行排列,常用的排列对齐规则可分为三类:左对齐、右对齐、居中对齐,此外还有顶端对齐、底端对齐、两端对齐。那么,对齐的目的是什么呢? 从现实生活中来看,热闹非凡的集市与庄严肃穆的阅兵仪式相比,整齐有规律的军队排列会给人的条理性、整体性非常强烈,严谨度很高,而且更加赏心悦目、易于接受,延伸到设计排版中也是如此,例如:   左图随意摆放给人杂乱、毫无规律可言的感觉;而右图则是按照严格的对齐原则,呈现出严谨有规律、整体性更强、更整齐统一。 由于对齐原则的视觉规范基础要求是整齐、规范、有条理,因此不少知名品牌的视觉呈现都有返璞归真的感觉,只是简单且合理地运用点、线、面进行设计创作,而不是过多的追求特效、炫酷。 * 人们对整齐、严谨的视觉有着很强烈的认知度,也更容易接受和理解,对待对称也是如此。 不同形式的对齐会有哪些不同? 1. 左对齐和右对齐 这两种对齐形式的视觉感受非常相似,都是在视觉上形成一条无形的分割线将元素约束在左侧或右侧,在版式上给人一种整齐、严谨、富有约束力,甚至肃然起敬的感受。 2. 居中对齐 居中对齐相对前两种形式而言,会弱化界面视觉上的约束力,但同时提升了版式的活跃度、可塑性!   如何合理的选择对齐方式? 对齐方式的选择要结合界面设计的构图形式、视觉中心,两者合理结合才能相辅相成、互相作用。 我们常见的构图形式分为四种:左右式、上下式、居中式,全屏式。 一般来说,当界面构图形式为左右式时较为百搭,无论是居中对齐、左对齐、右对齐的界面排版形式与整体都比较契合。   左右式构图搭配三种不同的对齐形式都非常合理,但这三种对齐形式所带来的版面感受会稍有不同。 上下式构图形式常用的对齐形式多以居中对齐,这样才能更好地稳住界面的视觉中心,但如果强行采用左对齐或右对齐排版形式,整体比例会相当不协调,重心会不稳。   最后说说全屏式,全屏式同样分为上下、居中、左右。全屏式是以视觉重心为参考,当画面整体是一张摄影图或抽象等,只需要寻找视觉重心的位置,按照上下、居中、左右的构图形式进行文本对齐操作。 对齐原则在现实生活中无处不在,在进行布局时,一定要根据构图形式选择合理的原则,还要注意每种对齐形式所带来的视觉感受。

如何做好网站的反向连结?想要网站可以长久获得稳定流量,SEO优化是不可忽视的线上行销策略之一。虽然Google曾提及,影响Google SEO排名有超过200个因素,其中内容质量、反向连结以及Google RankBrain都是Google最看重的因素。可见,反向连结在SEO优化过程中不可或缺的部分。 什么是反向连结? 反向连结(Backlinks)的定义其实很好理解,就是从其他网站连到你网站的连结。那么,为什么Google那么重视反向连结呢? Google在考虑新算法时,都会以“提供给搜索用户良好的搜索体验”为宗旨,希望为用户搜索到优质的且对他们有帮助的网站。其实这很好理解,毕竟搜索引擎有好的搜索体验,才能提升用户基数,这样搜索引擎才会获利。 早期各网站的行销人员为了能提高网站在搜索引擎中的曝光,都会采用黑帽或灰帽SEO优化手段,如:关键字堆积、隐藏字等作弊手段。当然,这种做法是Google不允许的。因为即使网站关键字多,但网站无法满足用户的需求,这显然就不是优质网站。于是,Google加入“反向连结”作为排名因素之一,Google认为网站背后的反向连结,能反映网站的质量。 Google如何根据反向连结判断网站质量? 你可以连到网站的“反向连结”想象成网站的推荐人,而网站背后的推荐人后台越强大,对网站排名就越有帮助。举个例:今天有两个网站上线,Google并不知道哪个网站更满足用户的需求,但它看到有三个网站连结到网站A,但网站B却没有反向连结,于是Google认为网站A更好,而选择让它的排名往前一点。 不过,Google也不是只看重反向连结的数量,反向连结的质量也重要因素之一。 又如:有三个网站连结到网站A,但网站B只有一个反向连结,但这个网站是政府网站,那么Google会认为政府网站会比另外三个网站更具有参考价值,以此判断网站B的权威性和可信性更好,因而获得较好的排名。 Google如何判断反向连结的质量? 在反向连结刚纳入排名因素时,很多网站行销人员都会采用买连结、大量交换连结的方式提高搜索排名,当然这同样是违背了Google的初衷。 所以Google除了参考反向连结的数量和质量,还会在意相关性、连结方式、锚点文字、连结强度等反向连结的轮廓背景。如果你的网站是卖服装的电商网站,但有很多反向连结是来自于手游网站,那么Google会认为这些反向连结对用户没有帮助,因而判定为广告或作弊。 Google会透过Google Penguin算法,观察反向连结的资料、轮廓、背景,如果你的反向连结存在作弊行为,有可能会伤害网站的SEO优化效果,对排名毫无帮助。 可见,如果网站获得更多优质且相关性高的反向连结,才会对网站排名和流量获得一大突破! 如何做好网站的反向连结? 做好反向连结1:网站权威性 通常反向连结来自权威性和可靠性高的网站,Google就代表网站愈有价值。提高网站权威性就不得不提到,2013年Google曾表示PageRank(权重)将从Google工具列上移除,而且亦不再更新有关PageRank的算法,借此希望网站不要单纯追求提高PageRank而忽略其他重要事情,如网站用户体验。 虽然PageRank已经成为历史,但并不表示反向连结也跟着消失。既然反向连结仍然是Google重要的排名因素,要判断网站的质量也不是没有办法。可尝试从其他SEO优化工具入手,或根据网站的知名度、建站时间等,判断网站的权威性和可靠性。 做好反向连结2:网站相关性 建立连结时,网站间的相关性是Google判断反向连结质量的重要考量因素。例如:一个3C网站的外部连结却是美食网站,这对用户而言毫无帮助,Google也会判定网站有作弊嫌疑。 所以,如果反向连结来自拥有相关内容的网站,这会对网站的SEO优化更有帮助,同时也会让Google判断该网站对用户而言具有更高价值,从而使更多有兴趣的用户接触到你的网站。 做好反向连结3:善用锚点文字 锚点文字是指反向连结上可见又可点击的文字,搜索引擎会将反向连结的锚点文字作为理解目标网页的资讯来源之一。所以如果反向连结用上与你的网站内容相关的锚点文字,这会比起单纯用网址的锚点文字效果更佳。 锚点文字的种类: ① 完全比对关键字:与连结目标页面所阐述的主题以及主要关键字完全相同。 ② 部分比对关键字:包含所连结的目标页面上的关键字标题与相关字词。 ③ 品牌名:在锚点文字中使用品牌名称。 ④ 混合型:品牌名加关键字,加强两者间的关联。 ⑤ 网址:以网址作为锚点文字。 ⑥ 泛用语词:与特定主题无关,但广泛用于锚点文字的词语。 ⑦ 图片:在图片设置连结时,该图片的ALT文字可能被搜索引擎当为锚点文字。 做好反向连结4:连结的位置 反向连结的摆放位置也很重要,如果你的反向连结放在网站的Footer位置,Google会认为你的连结并没有给用户带来参考价值,因而影响网站的排名。 因此,最理想的反向连结位置应该是放在内文中,或者是网站较为显眼的位置。例如将反向连结做成CTA(Call-To-Action),不仅有机会吸引用户点击,甚至为网站获得更多的自然流量。 反向连结是SEO优化排名中非常重要的要素,因此想办法建立好反向连结,不仅对SEO排名有帮助,而且还能在用户心中建立威信!

网页设计过程中,配色方案往往是设计师最艰难却不得不做的决定。虽然每年都会有流行的网页设计色彩组合趋势供设计师参考,但盲目追随潮流并不符合设计师实现最佳利益的手段。不过我们也可以从这些色彩组合趋势中,激发自己的灵感,将网页设计大放异彩。如果你想了解2020年最流行的色彩组合,就继续往下阅读! 2020年最流行的色彩组合 色彩组合一:海军蓝+薄荷色 海军蓝虽然一直被认为网页设计中最安全的色彩,但同时亦会让界面显得“老派乏味”。   将海军蓝搭配像薄荷绿一样的冷色调,会让这种经典色彩注入新的活力,给人更现代的感觉。 色彩组合二:桃色+橙色 橙色经常受到科技和金融公司的青睐,它既可散发着活力自信的气息,与深色或中性色搭配后,又可以向用户表明友好认真的态度。   桃色能展现甜美诱人的效果,与强烈的橙色组合,会让色彩趋于柔和,保留了温暖与热情,却不带半点侵略性。 色彩组合三:芥末色+米色 过去在众多网页设计作品中,芥末色一直被设计师“嫌弃”,甚至认为是“当今最难驾驭的颜色”。如今从时装T台到室内设计,芥末色几乎无处不在,成为最受欢迎的颜色。   作为一种醒目明亮的颜色,芥末色搭配更中性的淡奶油色或米色,可以起到平衡的作用,让界面变得醒目而不乏味。 色彩组合四:黑色+青柠色 在设计界中,中性色永远不会过时。而到了2020年,中性色更与大胆明亮的颜色组合一起,给作品注入更多乐趣和个性。   青柠色和黑色就是非常完美的例子,在大面积的青柠色中添加小范围的黑色,让作品极具现代感之余还展现出独特的活力。 色彩组合五:孟买粉色+秘密苔藓色 孟买粉和秘密苔藓色都是PANTONE预测未来一年将会流行的颜色之二,事实证明,它们搭配在一起的确有不错的效果。   隐秘的苔藓色介于灰色和绿色之间,搭配柔和的孟买粉,创造出柔和而空灵的调色板,非常适合女性化品牌。 色彩组合六:焦橙色+青色 近年来橙色和青色一直是设计师最喜爱的颜色组合,而到了2020年这种搭配的热度将会升高。传统的橙色逐渐被更焦化的色调取代,而青色也倾向于薄荷绿而非蓝色。   作为互补色,青色和橙色的搭配绝对能带来令人难以忽视的惊人效果。尤其是应用于食品类网页设计,这种色彩搭配不仅吸引人们的注意力,还能更好地激发顾客的食欲。 色彩组合七:红色+黑色 红色和黑色通常被认为是一种复古的色彩组合,而在2020年它们将卷土重来,并散发着戏剧性和力量。   红色是一种带有非常强烈的情感色彩,与黑色搭配后会降低红色的强度,让人感觉不那么强烈。具体来说,不同红色系颜色与黑色搭配传递的情感也各不相同,如猩红色与黑色搭配能营造出成熟和时尚的氛围。 色彩组合八:粉色+电蓝色 蓝粉搭配在网页设计中也不是什么新鲜事,多年来从柔和的粉红色与淡蓝色,到明亮的水蓝色与亮粉色,我们都看到不少设计作品都多次反复应用这一色彩组合。   2020年,我们将看到更加新颖的蓝粉搭配-色彩丰富的电蓝色与柔和的桃色搭配。这种大胆的组合非常有趣且充满个性和活力,同时还能创造强大的品牌视觉识别,吸引用户的注意力并留下持久的印象。 色彩组合九:淡绿色+白色 与大胆的青柠色和黑色形成对比,淡绿色和白色不仅在2020年成为一对充满活力的组合,还能唤起宁静和一种禅意。   柔和的橄榄绿配上白色,给人一种干净自然的感觉,这种色彩组合在干净的极简布局尤为适用。如果你想要简约风格的网页设计,这色彩方案或许是你的最佳选择之一。 色彩组合十:赤陶色+沙子色 2020年以大地色为灵感的色彩不会消失,而且还能根据不同颜色,给人海滩放松或乡村烂漫的感觉。   赤陶色和沙子色的搭配,给界面营造了一种温暖而朴实的美感,同时又不失现代感。这两种颜色放在一起,具有不可否认的吸引力,给人带来一种安定和镇静的效果。 虽然尝试流行的颜色组合能让你的网页设计更符合当代流行趋势的要求,但归根到底,色彩的搭配还是应该体现独特的品牌个性、价值观和差异点,而非一味追求“流行”二字。

过去有很多SEO研究指出,网站字数越多,更容易获得较好的网站排名。很多行销人员分析Google首页中的竞争网站字数时,也会发现Google似乎会对网站字数有一定的要求。到底,网站字数与SEO优化有没有关系? 网站字数与SEO优化有没有关系? 很多行销人员都非常在意网站内容的字数,这其中的原因可能是因为过去有不少SEO相关性研究结果发现,Google会倾向于某些特定字数的文章页面。另外也有不少行销人员表示文章字数较多,内容会较为丰富,能获取的外链也会相对增加,导致页面更容易被Google收录。 但如今Google的John Mueller 却表示,“网站字数与SEO优化排名毫无关系!” 网站字数与网站排名有关吗? John Mueller 在Twitter表示,即使你模仿靠前网站字数,也不会对网站获得更高排名而又帮助。无论是标题字数、叙述字数还是文章字数,即使你达到所谓的特定字数,也不会出现获得较高排名的状况出现。 举个例子,虽然网站内容达到特定的字数,但出现与网站主题的关联性低、逻辑混乱、过度填充内容、堆积关键词等问题,你认为Google还会让该页面获得好的排名吗? 网站字数与SEO优化真的无关吗? 虽然官方否认两者的关系,但从中我们也获得重要信息,网站内容才是决定页面排名的关键因素。那怎样的网站内容才能满足Google的要求呢? 1.网站内容必须能解决用户的问题,满足用户的需求; 2.对某一问题进行权威的说明,多维度的阐述,多角度的论述; 3.适当添加图片、视频等多媒体元素,让网站内容更加丰富; 4.内容布局要主次分明,要围绕主题的周边观点去阐述,针对当天内容页的核心关键词做周边关键词或长尾关键词排名; 5.适当地添加内外联,增加页面间的关联性,提升内容的丰富度等。 显然,要满足以上条件,网站内容过少是不可能做到,所以网站内容相对较多为宜: ① 网站内容多,包含的关键词也会多些,适量和恰当的关键字有利于内容被Google收录。 ② 网站内容多,意味着网站内容更具有差异化,网站重复内容也相对较少。 ③ 从网站主题匹配度方面分析,网站内容过少会导致Google难以判断网站的内容核心主题,及网站内容与网站整体的相关性。 可见,网站内容的多少对SEO优化仍然是有一定的影响。但如果想从网站内容字数入手提高SEO优化效果是毫无意义的,相反我们更应该关注网站内容,是否与网站主题相关,是否满足用户的需求,内容的质量和原创度如何等,这才是提升网站排名的最有效手段。

什么样的banner设计能获得高点击率?Banner广告,是网页设计广告中最早采用的形式,也是目前最常见的线上广告形式。随着移动端的普及和使用,banner设计变得越来越复杂,不少设计师需要考虑的细节也变得越来越多。 banner设计的分类有哪些? 按照不同的分类标准,banner设计也有不同的分类,例如: 按形式类型区分:扁平化banner设计、立体感banner设计。 按促销类型区分:促销类banner设计、非促销类banner设计。 按构图方式区分:左文右图banner设计、左图右文banner设计、居中式banner设计。 按照表现特点区分:年轻化banner设计、文艺范banner设计、品牌感banner设计,以及大气化banner设计。 什么样的banner设计能获得高点击率? Banner设计的主要目的是将活动信息准确地传递给用户,从而起到引流的作用。因此设计banner时,确保用户能明确主题的同时,进而产生购买的欲望。因此,要设计出成功的banner,可从以下几方面入手: ① banner设计策略 banner主要由产品图或模特、文案、背景和点缀元素组成,主体是一般是产品、模特或文案,而背景和点缀元素一般是用于烘托主题、渲染气氛以及突出主题之用。 由于banner设计的目的是快速向消费者传达信息,继而引导和激发他们的购买欲,因此在设计banner时,要考虑目标用户群体和用户需求策划设计风格。另外,文案方面要简洁、清晰、易懂,降低用户的决策时间。文案内容要尽量挖掘用户的某种情怀,抓住用户的注意力同时获得他们的认同,这就能增强用户对产品的接受程度,博取用户的信任。 ② 文字设计策略 大多数人的阅读习惯都是从上往下,从左到右,所以banner的文案排版一般都会分为左对齐、右对齐、居中对齐和自由方式对齐,其中: 左对齐:最常见,最直观且最传统的文字排版方式; 右对齐:比较少见; 居中对齐:比较常见,也容易出现效果; 自由方式对齐:给人错落感觉,能带来较强的节奏感。 无论选用文字排版方式,都要适合版面布局,充分融入到画面中,否则版面会略显好混乱,失去平衡。 说完文字排版的问题,接下来就看看文案字体的选择: 文案字体要与主题符合,尽可能凸显产品的性格和气质,也可以适当地对字体进行变形,使banner设计更具视觉冲击效果。例如:女性类产品可选择纤细类字体,男性类产品可选择粗体类字体,促销活动可选择促销类字体等。 另外字体设计也可选择立体字体,立体字体不仅能使banner更加丰富,更有力量感,而且还能传递很强的促销效果。不过要注意立体字体厚度尽量不要超出字体笔画的厚度,否则会让网页设计看起来比较笨重。 ③ 颜色搭配 无论是网页设计、平面设计还是APP设计等各种类型的设计,色彩选择尽量控制3种颜色以内,而且只能选择一种颜色作为主色,另外两种作为辅助色,突出产品的主要视觉点。 优秀的配色方案不急能给用户带来感官上的享受,还能刺激用户的购买情感。因此,banner设计配色方案主要参考背景、标题、元素和产品素材之间的关系,例如:普通化妆品牌尽量不要选用深色系背景,但高端化妆品牌可透过深色系凸显它的大气奢华之感;电器类选用蓝色、绿色等科技感较强的颜色;食品类可使用红色、橙色等较为鲜艳的颜色,增加用户的食欲… 总之,banner设计的配色一定要符合品牌风格。 ④ 细节表现 所谓细节决定成败,这在设计行业中更是不变的真理。所以设计banner的时候,除了重点考虑以上三个重点,以下的设计细节也是不容忽视: 文字:字体利用错层阴影,文案置于模特或产品背后,会让整个界面更有层次感。字体笔触运用细节连接,减少用户产生阅读障碍的可能。 点缀:常见的点缀元素有直线,用于区分文案内容;几何图形,对界面进行装饰和点缀,从而突出文案。点缀元素要有一定的方向,几何图形可通过不同的属性呈现多样性。 模特或产品:模特和产品都要干净细致,需要优化的地方要做好优化处理,素材也要择优选取。 背景:banner的背景处理多以色彩、纹理、几何点缀三方面处理,呈现立体或微立体效果。 关于设计banner时需注意的地方 用户受众不同,喜欢的风格也不尽相同。但无论设计banner,想要获得更高的点击率,还要注意以下几个误区: 误区一:文案行数和字数要尽量充实 很多banner设计都会将产品所有利益点和特点一一罗列,但文字过多往往会让文案失去侧重点,还会影响用户抓取核心信息的能力。 在确保主要信息完整的情况下,文案行数和字数要尽量精简,突出最重要的信息。 误区二:文案要出现产品全部功能点 虽说功能点的确是产品最重要的卖点之一,但如果产品的功能点与同类产品无差异,又该如何说服用户对产品产生兴趣呢? 好的描述可以很好地表达产品的信息,但并不是所有功能点都添加到banner中,只有作为卖点的功能点才能有机会引起用户的关注。另外,撰写产品功能点时,切记要避免使用偏避词语或专属词语,语句易于理解,才会让用户更了解产品的方方面面。 误区三:文案出现“立即抢购”就能引导用户点击 事实上,即使banner添加了“立即抢购”“立即购买”等引导性语句,其实对banner点击率没有明显的帮助。尤其是banner文案内容较多,出现这些语句反而会使点击率下降。 与其添加引导性语句,不如让banner设计释放更多空间,突出文案重点,反而会让用户更愿意点击。 误区四:堆品效果比单个产品要好 堆品是目前比较常用的手法,但点击率多少与banner的产品数量无关,反而与视觉占比有关。大多时候堆品反而会分散用户的注意力,无法关注主推产品。 通常单个视觉占比小时,可通过堆品让界面设计更丰富;若商品视觉占比本身够大,放置多个产品图反而没有明显提升点击,还会分散主推产品的吸引力。 误区五:背景越有创意越好 很多banner设计为了获得更好的点击率,都会使用有创意的背景。的确创意背景能吸引用户的注意力,但同时也会削弱了产品和文案的存在感。 背景应该是起到补充产品信息、营销氛围和帮助用户理解的作用,即使再有创意绝不能干扰用户对产品和文案的视线。 网页设计要想利用banner提高点击率,banner设计必须站在用户的角度,满足用户浏览需求。无论想设计出怎样的banner,其目的都是吸引用户点击继而引导用户消费,而不是炫耀设计师的设计能力。

MENU
網頁設計公司