400-616-8360      
领先行业动态

Leading industry dynamic

动态 > 联合新闻(行业动态) > 案例详情
北京网页设计分享图片处理心得
文章来源:北京网页设计 发布时间:2018-04-03 14:31:11

北京网页设计相信大家也知道每一年事物都在发展变化的,网页设计更是如此,每一年需要学习的地方都有很多,随着新时代新需求的不断产生,我们的设计在网页设计运用上也不断地大胆突破与创新,在技术上也备足了弹药储备,下面北京网页设计公司联合易网就和大家一起分享在图片处理上的一些心得:

一.图片细节处理:

1.图片尺寸建议统一为偶数值,方便前端技术人员开发。

2. 图片精度不够(北京网页设计这里所说的精度不是说DPI分辨率需要300哦,那是做高精度印刷输出时才需要的,而在电脑及手机上的图片DPI分辨率为72即可,另外输出图片时需适当压缩一下图片的大小),杂色太多可以使用PS内置的CR滤镜处理。

3.为了配合标题字体,图片可以局部调亮或调暗。

4.图片边缘避免与白色背景融合,可以在边缘位置加色。

二.图片统一性:

1.图片比例需统一,例如一个卖货的产品详情页,在同一屏的栏目中(页面)所出现的产品或者人物,比例就需要有一个统一的大小比例,这样看上去才比较统一舒服。

2.图片色调色温需统一,例如北京网页设计之前接手的一个婴儿产品的首页,整体需要搭配暖色调的图片,这样看上去整体才比较统一舒服。

三. 个性

有看过北京网页设计其他原创文章的朋友都应该发现,我在文章中不断强调,每一个设计师都需要在作品中加入个人原创的东西,形成自己的一套设计系统和独特风格,才能使自己在竞争中立于不败之地.

四.图标设计

图标与品牌标志一样,在设计时都需要做适当的减法,应该尽量用简约的线条去表达其含义,应该尽量避免出现线条结构过于复杂的设计,而且整体的图标都需要保持风格一致,例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。

五. 动效

无论是现在经常看到的企业/品牌H5宣传页面、移动端启动页,还是曾经红极一时的首页动画,都需要用到动效效果。会做点动效会给我们加分不少,尤其是做一些加载动画,北京网页设计公司总结了一些,我们经常会遇到的需求。

做动效时,我们需要注意以下几点:

1.任何交互动作所导致的状态都需要考虑正常状态与异常状态。拿加载动画来说,我们需要考虑加载成功的反馈与加载失败的反馈,并将之注明在输出规范中。

2.不论你的动画有多好看、多吸引眼球,如果成本太高或者过于复杂都是无法落地的,所以我们要遵循简单实用的原则来进行设计,千万不要过度设计。

3.动效使用的工具:可以PS做一些动态表情,用AE做一些加载动画,页面之间的交互动效可以使用Flinto、Principle等。

在经过以上图片处理心得的基本讲解和介绍,北京网页设计公司相信大家对于网页设计中基本的知识已经有所了解,设计行业根据不同客户需求会有一些变动.但是也会有属于自己的行业规范,那北京网页设计有哪些规范呢?有兴趣的朋友可以看看. 好了,希望今天的分享,可以给朋友们一些帮助.

分享到:

关于联合易网

联合易网网络技术开发有限公司,是北京领先的、专业提供"互联网应用服务"供应商,公司拥有具备10年以上互联网从业经验的精英团队,核心业务有:北京高端网站建设,北京网站设计,北京网站制作,北京网站建设,app开发,网站代运营等 公司始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务!

立即咨询