优秀网页设计师须了解的UI设计规范(二)

来源:设计经验分享网
添加时间:2024年02月

五、图片处理规范

1、图片统一性

1)图片色调色温需统一,例如一个婴儿产品的首页,整体需要搭配暖色调的图片,这样看上去整体才比较统一舒服。

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

2、图片细节处理

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

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

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

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

六、动效规范

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

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

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

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

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

 

平面设计相关资讯推荐阅读:


深圳福田网页建设哪家公司好,企业定制网页建设与模板网页的区别是什么极简电子商务网页设计,惊现黄金比例栅格企业网页设计中不可忽视的五个细节究竟做网页真的有用吗为什么做软件定制项目很难赚钱中小企业网页建设运营需注意哪些问题小编浅谈SEO的蜘蛛池以及作用弊端微信小程序商城系统:绑定公众号通知微信服务号wxzcit总结实战企业网页SEO优化技巧高端网页建设的基本要素企业为什么做响应式网页建设网页建设品牌创意网页建设关于网页建设资讯页面设计思路该怎样选择合适的网页设计公司thinkphp中的扩展类整理10个快速吸引蜘蛛爬行的优化技巧!深圳福田专业网页制作公司,中小企业网页具体该如何建设网页建设如何避免影响排名企业网页建设需要注意哪些问题,网页设计时需要有哪些功能分享微博微信运营经验之50条 有实力的网页设计哪个品牌好网页建设备案涉及的问题总结移动端网页建设的重点是什么如何在定制软件和通用软件之间找到一个平衡品牌宣传势能强大的要点有哪些-深圳网页设计分享深圳网页建设中内容列表页优化准则如何让你的网页看起来更Man深圳坪洲网页设计哪家好在网页建设中要做好哪些方面的工作三个小方法让你的网页变得无可替代网页建设中,图片优化搜索排名需注意哪些问题营销网页的4个特征2020年营销型网页要怎么制作重新开发一个网页需要多长时间网页设计制作原则有什么构成的科技浅析网页设计中令人抓狂的错误网页建设后如何选择关键词网页好域名的十大原则站点切换成https会不会对流量产生负面影响域名到期一个月了,还能继续使用吗深圳网页建设,宣传型网页好不好 网页设计公司咨询电话如何做网页推广网页运营推广方法是什么如何开发在线支付商城网页详谈怎么判断网页建设的好坏深圳网页建设规划案例建网页的时候你的需求明确吗深圳网页建设基础知识,网页建设的优势是什么优秀网页设计的时候要注意什么如何提高网页建设行业软文的收录量广州网页建设公司是否越大越好,是否越有实力越好三大技法攻克品牌网页建设短板怎样建立网页实际操作流程是啥建设网页完成后最不能忽视的问题!怎么知道网页原创文章是令顾客喜爱的高品质內容网页制作设计的三大关键要素深圳网页建设解析博客赚钱思路如何利用问答推广使用CSS设计网页的好处
网站备案号:豫ICP备2024041165号