APP界面UI设计趋势(三)
21 从图像中选择颜色,使产品栩栩如生
从产品图片中选择颜色,将你选取各种色调和阴影应用到背景、文本、图标等部分来增加视觉特点,让设计更有个性。
22 根据字体x-dataheight来设置行高
具有不同x-dataheight的字体,需要不同的行高测量值,以实现文本每行之间正确的分隔。即使有2个相同18px的字体,它们的x-dataheight也会相差很大。
23 突出最重要的元素
结合字号、字重、颜色与版式,可轻松突出UI中最重要的元素,简单微妙的调整,让用户体验变得更好。
24 为表单错误添加辅助提示
添加错误提示是一种简单又有帮助的额外视觉辅助,能帮助用户填写任何形式的表单。
25 在移动设备上创造大量可访问区域
在为移动设备设计时,尝试创造足够大的可触碰区域,方便点击。对于只包含文本的按钮和链接来说,尽量使用带有标签的图标。
以下是iOS & Android推荐的最小点击区域:
44 x 44pt,适用于iOS
48 x 48dp,适用于Android
26 尽量只在短标题中使用大写
如果你想在标题中使用全大写,确保标题尽可能短,最好只有一行。如图中的对比,过长的全大写标题带来的视觉感受并不好。标题中加大字母间距,看起来也更顺畅。
27 提高浅色文字和图像之间的对比度
浅色文本在浅色背景下应当是易读的,在文本后建立一个不完全透明的深色背景,就能轻松提高对比度。
28 标题类推荐字体
这些衬线、无衬线字体,我以前用过很多次,我发现它们非常适合做标题,让设计有一点温暖和个性,在fonts.adobe.com上可以下载。
29 正文类推荐字体
一直用于长体文本的Serif和Sans-Serif商业字体的一小部分,非常推荐,同样在fonts.adobe.com上可以找到。
30 垂直标题和正文统一版式规则
垂直段落在搭建视觉层次结构时,有必要按顺序排列边距。如图所示,左侧段落在标题上使用了相等的顶部、底部边距,但这样做却失去了与正文的粘性。针对这种情况,最好在标题顶部留出更多空白,而标题底部减少留白,这样两个部分的联系也会更牢固。
原文链接 https://uxdesign.cc/the-ui-ux-tips-collection-volume-one-f69f0969ed17
APP界面UI设计趋势(三)相关推荐
- 极简主义APP界面UI设计实例模板,不简单!
UI设计是对用户软件使用环境的设计.由于APPUI设计必须遵从易用性的特点,尤其是手机界面尺寸有限.因此,简洁大方的交互界面设计才能更容易的吸引用户.引导用户. RentHouse - 简单主页搜索移 ...
- 2018年最酷的APP手机UI设计趋势
01 未来感 无论何时,我们都对未来充满了幻想与期待.更先进的显示技术.更高效的出行方式,那些若梦幻离的景象总是令人兴奋,未来感的塑造总会唤起人们心中对科技的无尽渴望. 02 简约舒适 少即是多,这是 ...
- Axure课程设计-漫画APP界面/UI设计(免费分享.rp文件学习)
这次的课程设计主要是UI设计,基于Axure我设计了一个类似动漫之家的一个设计界面,以下是效果图: UI首页 点击夜魔侠 点击更新按钮 点击分类按钮 排行 点击专题按钮之后 点击搜索按钮之后 点击&q ...
- APP的UI设计趋势与巧妙使用(二)
11. 无障碍设计 说到眼睛疲劳,暗色模式只是让品牌设计更容易理解的方法之一. 极简主义和暗色模式有助于让很多人更清晰地解读设计元素. 但设计师还需要注意字体大小和重量,如何使用对比色,为屏幕阅读器构 ...
- 手机APP界面-UI设计教程
装载:http://www.ui63.com/html/uicollege/uisjjc/2015/0623/16875.html 温馨提示:图片质量较高,若加载慢请耐心等候! 来源:uicn 作 ...
- APP的UI设计原则及UI界面适配步骤
本文转载自http://www.cyzone.cn/a/20140619/259323.html 从最初的AppStore仅有不到500个APP,到现在,据统计APP近几年增加的数量已经超过3000, ...
- 【设计】近期发现的 APP UI 设计趋势
翻译文章,作者:AppMaster.io https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022 -------------- ...
- 2018年这些UI设计趋势正在流行,跟上必拿高薪!
数字设计领域和时尚圈是一样的,总会有各种各样的趋势让人眼花缭乱.无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向.就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通 ...
- 前端应该关注的2021年UI设计趋势
UI设计趋势几乎每年都在发生变化,变化的原因是人们的审美在变导致的,还是设计越来越人性化.市场上是谁在主导设计趋势?其中原因不得而知,我们先看看究竟有哪些变化: 1. 3D插图(依然流行) 3D图像将 ...
最新文章
- What is OPcache
- struts2 hibernate登录
- 超简单的MySQL菜鸟安装教程
- Vue 第九天学习
- Android应用开发中的风格和主题(style,themes)
- loginrequired注解_简单实现一个登录验证的注解来保护私有资源
- 中国料斗底部谷物拖车市场趋势报告、技术动态创新及市场预测
- vue better-scroll 下拉上拉,加载刷新
- vc linux 中文版下载64位,vc2015运行库64位-vc++ 2015运行库64位下载 v14.0.23026官方版--pc6下载站...
- 虚幻引擎3命令行参数
- 深入理解Tomcat 6和Tomcat7的区别
- Ubuntu下安装Qt
- 网络附加存储(NAS)
- 如何在Ubuntu 20.04上安装和使用TimescaleDB
- LeetCode 491 递增子序列
- 高德地图sdk设置marker并且将设置为地图中心
- idea在线激活 16
- outlook删除服务器文件恢复,通过OutLook 2013 找回误删除的邮件
- 如何VXWORKS7.0 在应用程序里访问寄存器
- Open edX数据结构Mysql edxapp
热门文章
- 【无私分享】干货!!!一个炫酷的自定义日历控件,摆脱日历时间选择烦恼,纯福利~...
- 聊一聊区块链-波场技术, 只聊技术
- python正则分辨逗号去除数字千位符
- SpringBoot整合邮箱
- c语言阶码的位数,【判断题】浮点数的取值范围由阶码的位数决定,而精度由尾数的位数决定。 (1.0分)...
- Carla学习1:获取carla的俯视图/鸟瞰图
- python|Flaskbootstrapecharts简单应用
- 程序员面试一句话让HR面无人色——Leo网上答疑 56
- U3D游戏开发框架(一)——什么是框架?什么是库?
- 吉林大学计算机科学与技术培养计划,吉林大学计算机科学与技术学院研究生培养方案...