百度关键词
7*24小时咨询电话
4000-340-360
专业网站优化 专业百度优化 专业关键词优化
最新加盟NEWS
CENTER
您当前位置:易达网络科技公司 >> 百度排名 >> 百度关键词 >> 浏览文章

国内有大部分设计师称之为Banner,但我的概念中Banner图照旧一条长长的横幅广告。国外的设计师把首图成为Hero图,Hero字面意义也就是好汉,但直接叫好汉图片恐怕带来误解,不如叫首图。首图,地位第一,又位于首页,意思直达,大家能理解就好。也许许多设计师其实已经觉察到了,网页设计做得好不好,除了网页自己的布局、配色以外,很大程度上依靠的是配图的运用技巧。但是就算将千辛万苦淘来 的好图往网页上一摊就完事,恐怕也难取得巧妙地结果。因此,如何设计首......

网页配图之道首图的设计技巧一

发布时间:2022年01月19日 标签:网页,之道,设计,技巧,一网 浏览

国内有大部分设计师称之为Banner,但我的概念中Banner图照旧一条长长的横幅广告。国外的设计师把首图成为Hero图,Hero字面意义也就是好汉,但直接叫好汉图片恐怕带来误解,不如叫首图。首图,地位第一,又位于首页,意思直达,大家能理解就好。

也许许多设计师其实已经觉察到了,网页设计做得好不好,除了网页自己的布局、配色以外,很大程度上依靠的是配图的运用技巧。但是就算将千辛万苦淘来 的好图往网页上一摊就完事,恐怕也难取得巧妙地结果。因此,如何设计首图,又是网页设计之中一个特别很是紧张的题目。为此,我们就此特献出八条设计技巧,全是 来自现实经验,以期和大家共同探究之。

一、双色冰淇淋渐变

首图当作全屏出血大图处理时,你可以将图片调色成为双色渐变,有点像我们吃的双色冰淇淋球,选一组你认为能激发生理氛围的配色,最好是对比色,带来 强烈的视觉落差。因为要作为背景而存在,团体的色彩明度要区别于笔墨的颜色。这里保举的这一体例只必要行使PS中的“渐变映射”工具,就能轻松获得。

jay201607081

上图所示的设计中,我们不仅采用了这种双色映射,还行使线条创造了视觉焦点,指导了用户的视线。

二、线条引流

没错,连续上一个例子所用的方法,这也不失为一种首图设计体例。在首图中让线条来指导实现去穿越你想要焦点停顿的地方。

jay201607082

上图所示的设计,重点是模特和笔墨,因此,我们采用了9这个数字的线条方向,行使这个线条的环绕活动,最后从上至下流走过笔墨。这里的生理预期是要把9笔画完成,因此你没有可能跳过笔墨。

三、动态情景

对于首图的选择,你可以焦距到动态场景。这类动态场景因为自己模特的动态造型,会调动观众的活动神经,激发页面的活力。

jay201607083

大家可以想象,假如将上图的主角换成一个静物,结果将是不同的。这里将模特的方向加以改变后重新降低透明度的做法,带来肯定的虚实结合的感受。

四、郑重配色

我们盼望大家在运用首图时,尽量不要去触屏通俗的风景图。天然风光虽然好,但大片风景会体现出一团饱和的颜色堆叠,其实运用在网页中略显得没有重 点。由于你要为最终配图运用以后所出现的颜色负责,色彩尽量控制在三种颜色之内,这条道理信赖设计师们都会附和,因此,这里的配图的色彩最好也能有所节 制。

jay201607084

如这个设计中,整个图片都呈现大片灰白,其实正是对颜色进行管控的技巧。当然你也要来个大花袄也无伤大雅,关键是运用时除了要细致元素的色彩,还要对首图的色彩自己也充足小心。

五、假造实际

当然,我们这里谈的不是假造实际(VR),而是在首图设计时,试着将静物体现得更为“实际”,彷佛它们就在你的屏幕上,随手可以取到。但这个表达 法,最紧要的是要为假造探求出口,也就是说,不能完全写实,要让用户看出假造的破绽,从而让形象更为立体。这类表达技巧在首图中有手机,行使APP产品展 示等最为常见。

jay201607085

这是我们今年出的一款开源的轻移动口袋杂志,展示这个设计的时候,我们就运用了假造实际的设计体例,增长背景图案,并让咖啡和太阳镜作为一种“休闲”的视觉提醒物件,让用户能感受到它们的实际的同时又能从背景中看出“破绽”。

六、笔墨自己的美

每张首图大概我们都盼望能配上笔墨,其实笔墨自己也能成为一种风景,偶然候适当运用一些具有图像风格的笔墨,更能传递笔墨自己的能量。

假如能将笔墨看作图像,书法笔墨是最合适不过了。书法自己的随意飘逸,和通俗的印刷字体相比有着不可比拟的个性感。这里,运用了书法作为主角,自己书法作为传统国粹,在东方传统的行业里运用特别很是应景。当然,这里的书法自己还可以写得更好。

七、静止的力量

对称能带来一种端庄静止的力量,因此,在首图设计中,你不妨采用对称的布局体例来设计首图。但因为对称自己略显得静止呆板,因此在设计上更必要多一些匠心,增长一些比较能突破规则小细节。

jay201607086

对称的布局最好采用倒三角的构图,如许视线会更天真,从上往下会显得更流畅,否则就会有一种滞涩不前的感受。

八、左图右文

首图的设计除了全屏展示,还有一种体例是可以放左边图片右边笔墨的体例,如许的设计技巧带来的益处就是可以分割图文,分外在图片信息也同样紧张的时候,假如把图文混合,双方都不够凸显,不如左右各凸出主角,追随先左后右的视线也能传递自己的视觉结果。

如上图所示,左右结构的传达结果更为清晰明确。你不会错过图片中美食的细节,也不会忽略笔墨的描述。色彩是美丽欲滴的橙色,食物和笔墨背景浑然一体。

首图的设计技巧千变万化,这里只分享一小段,你的下一个设计假如苦于没有灵感,不妨看看本文。下一次我们将继承分享。

上一篇:SEO算法解析打造专题页面的上风竟如此之多
下一篇:淘宝搜索优化的误区纠正,换个思维去优化
点击数: 相关搜索:网页 之道 设计 技巧 一网
百度关键词 技术咨询:4000-340-360   24小时服务热线:4000-340-360
企业QQ: 4000340360   邮 箱:4000340360@b.qq.com
Copyright 2005-2015  by 易达网络 all rights reserved
分部地 址:潍坊市奎文区虞河路与玉清街交叉口锦绣苑  邮 编:261000