18046100975、18960971284

KLOG

知识库

我们严格要求精确到每一个像素

当前位置:首页  》  知识库

总结:18个容易忽略的APP设计细节(1)

文章出处:本站 | 文章编辑:小薇 | 发表时间:2018-04-03

 

(本篇内容适合所有设计师学习并且需要注意的设计细节,希望介绍完此篇内容设计师们能够设计出更佳完美的设计作品)

 

随着移动优先的趋势,APP设计也越来越受到企业的重视,不断提高APP设计也成为了设计师们的追求,那么在设计中有哪些细节容易被你忽略的呢?让我们一起来看看这些细节你都把握住了吗。

 

 

视觉表现型问题

 

1.统一的图标设计风格

 

 

图标设计在整个APP设计中是比重较大的板块之一,图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式的图标都请保持统一性,相同的模块采用一种风格的表现形式,如果是线性图标就保持一致的描边数值。

图标在配色上面也要保持有规律的统一,采用相同颜色是比较常用的配色方式。如果你采用不同色相的配色方式,要保持整体的配色协调,不要出现饱和度、明度反差过大的配色而影响整体的视觉协调。

 

 

2.图标大小的视觉平衡

 

 

同一个界面出现多个图标时,我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡,由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此,我们需要根据图标的体量对其大小做出相应的调整。

 

 

3.优化你的分割线

 

 

界面设计中往往细节的处理最容易被忽略,根据界面配色的不同,我们在分割线色彩的选择上面也要做出相应的调整。由于分割线的作用是区分上下信息层级和界面装饰,配色的表现力要低于文字信息的力度,通常我们会选择浅色而否定深色,这样界面会更加简洁通透。深色的分割线要慎用,除非在一些特定的产品场景下。

 

 

4. 合理的运用投影的颜色与透明度

 

 

 

通过对按钮、卡片等进行投影运用可以增强立体感与层次感。我们在制作投影时,需要根据不同背景改变投影的颜色、透明度。

浅色背景下投影的颜色会选择拾色器偏左上角的位置和透明度在10%~40%(个人经验)之间进行调整。深色背景下投影的颜色会选择拾色器偏右下角的位置和透明度在20%~40%(个人经验)之间进行调整。

投影的权重要符合页面设计的氛围,投影的运用是为了增强元素的立体感与层次感,而不是影响整个页面的视觉平衡。

 

 

5. 不要过度装饰,让界面更简洁

 

 

设计需要准确的把握“度”,过度的设计会干扰信息的传达。减少不必要的设计元素,让信息脱引而出,整个界面将会更加简洁清爽,也不会分散用户的注意力。

 

 

6. 图片比例&视平线的统一性

 

 

在人物展示的设计中,如果并列出现多个人物形象,为了保持视觉平衡我们需要调整并列图片的大小比例,就像所有角色都是在相同焦距下拍摄的。在人物上下位置的调整上面我们要尽量控制视平线的方向,让他们的眼睛处于相同的位置左右。

 

 

7.控制好界面中的配色数量

 

 

一个界面中出现3种左右的配色是相对比较容易把控的,如果超过3种以上的配色,是非常考验设计师功底的,如果颜色的处理不到位就会出现五彩斑斓的“视觉盛宴”。

在选择配色组合时,使用相似色的配色方案可以使颜色更加协调和交融;如果希望更鲜明地突出某些元素,对比色是不错的选择。无论选择何种配色方案,都要控制好界面中的配色比重,使信息传达不受干扰。

 

未完待续,下篇内容继续分享

 

文来源于网络,仅供参考及阅读,若有涉及版权,请联系我们,我们将会在第一时间进行删除。锐掌网络有着多年的APP定制开发经验,精准实现企业移动端应用方案,无论是UI和程序开发方面,都有着规范的开发流程、设计品质和进度控制。选择锐掌网络,为您提供移动互联时代全方位服务。若有需求可点击锐掌官网,或联系我们客服进行咨询。

 

案例地址:http://www.ie9e.com/case-20.html

 

服务热线:18960971284

 

固定电话:0591- 38128005

 

联系地址:福州市晋安区长乐北路117号(大润发后)紫阳国际商贸中心23层----福州锐掌网络科技有限公司

 

 

相关文章
+ 总结:18个容易忽略的APP设计细节(2)
+ APP服务器与Web服务器的区别是什么?
+ 分屏式设计,常见的方法有哪些?(2)
+ 分屏式设计,常见的方法有哪些?(1)
+ 知乎和Quora高分APP原型设计工具推荐(2)
+ 知乎和Quora高分APP原型设计工具推荐(1)
+ 小视频APP开发定制
+ 浅析电商APP登录注册功能设计差异
15606998352 / 18046100975

关注"锐掌网络"微信

功能介绍
分类 模块 功能点
基本功能 注册登录 邮箱、手机、密码找回
第三方登录 微信、QQ、微博
用户中心 会员首页、用户资料修改更新、第三方登录管理、修改密码、通知提醒列表/详情显示
主内容展示 网站主内容列表/详情、文本搜索、排序、收藏、评论(文字)
高级功能 通知推送方式 邮件通知、短信通知
高级搜索 算法搜索、条件筛选、智能算法推荐
主内容相关 评论(图文)
客户服务 工单列表/详情、在线客服、留言
推广 推荐注册、渠道来源统计、外链流量统计、搜索引擎优化(SEO)
音乐/视频 音乐播放、音乐列表/专辑、音乐播放记录、视频播放、视频列表/专辑、视频播放记录
广告位 广告位展示
文件管理 图片编辑、文件上传下载
高级用户中心 收藏、充值、取现、流水记录
位置服务 附近周边、实时位置跟踪、地点标记、路线规划、导航、其他业务功能
电商功能 相关商品 商品展示、城市切换
活动优惠 优惠券、折扣
积分系统 积分系统设计及展示、商城/兑换
评价系统 评价系统设计及展示、评分评价发布、评价列表、评价评论
配送管理 地址管理、物流跟踪
订单管理 订单列表/详情、订单流程、收货标记
支付 微信支付、支付宝支付、其他类型
社交功能 分享 分享到第三方平台(微信、QQ空间等)、论坛社区
即时通讯 基本聊天、语音聊天、视频聊天
直播 视频直播、弹幕

免费获取开发报价

今天有位雇主获取了开发报价

平台选择:
  • Web
  • Android
  • IOS
页面数量:
功能:
  • 基本功能
  • 高级功能
  • 电商功能
  • 社交功能
服务端:
  • 阿里云2核4G
  • 阿里云4核8G
  • 阿里云8核16G
第三方插件:
  • IM即时工具
手机号码:
*为了您的权益,您的隐私将被严格保密

贵方的开发预算

设计费:

开发费:

服务器: