深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

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

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025/4/4

五、图片处理规范

1、图片统一性

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

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

2、图片细节处理

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

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

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

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

六、动效规范

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

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

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

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

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

相关行业资讯

1、网站设计对公司有什么好处
2、如何利用博客进行网站推广
3、SEO优化的三大优点和SEO不可忽视的三大技巧
4、随时随时分析竞争对手网站制作和优化实情
5、SEO优化关键技巧
6、常见的几种优化推广方式
7、什么是自然SEO
8、一般做网站建设需要做策划方案吗?
9、如何让网站变成百度青睐站点呢
10、网站做seo优化之前需要做哪些工作
11、新手站长做网站应该注意什么
12、网站被降权或者被K如何检查有哪些步骤
13、企业网站网页如何制作才能够让用户喜欢
14、网站设计通用可用性的基础知识
15、网站标题设置需要注意什么
16、网站优化:上线规划6部曲你准备好了吗
17、网站主要有哪些更新方式
18、以下四个SEO优化思路,绝对有启发
19、网站制作之营销型网站
20、响应式网站在网站制作上有哪些不足
21、外贸网站设计制作需要注意的事项
22、百度不收录内容页面的4大因素
23、手机网站建设网页安全色
24、个人网站安全管理的7个守则
25、简书如何成功运营一个内容社区
26、公司建设网站之前要弄明白哪些问题
27、上海小程序如何开发
28、华为在智能手机市场要追上苹果
29、网站首页优化需注意因素
30、seo优化站内文章如何编写
31、集团公司网站改版需要注意的事项
32、SEO推广中如何扩展长尾关键词
33、影响搜索引擎蜘蛛爬取的内部因素有哪些
34、网站制作如何在同行中获取优势
35、网站设计排版的原则,您了解吗
36、网站优化细节决定网站排名
37、网站建设对文章有什么要求
38、做好网站排名,应该了解哪些知识呢
39、网站制作具备的三大特点
40、如何发现用户需求
41、网站建设如何做到风格一致
42、从众心理的SEO优化效果不会好
43、总结三个创新的php工具
44、深圳网站建设公司要有品牌保护意识
45、河北省局四措并举加强网站制作与管理
46、如何让百度尽快收录新站
47、网站优化之精简代码搜索引擎抓取实质内容
48、网站建设浅谈网站给企业带来的好处
49、 网站内容优化应该这样来做才是真正的王道
50、企业网站建设应该避免的几点误区
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号