数据挖掘 点击更多 界面_8（更多）技巧，可快速改善用户界面
数据挖掘 点击更多 界面
重点 (Top highlight)
Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way. Making those constant tweaks to produce something that your clients, users, and yourself are truly happy with. I know. I’ve been there many times before myself.
创建漂亮，可用和高效的UI需要花费时间，并且在此过程中进行了许多设计修订。 不断进行调整，以产生令您的客户，用户和您自己真正满意的东西。 我知道。 我自己之前去过那里很多次。
But what I’ve discovered over the years is that by making some simple tweaks you can quickly improve the designs you’re trying to create.
但是我多年来发现的是，通过进行一些简单的调整，您可以快速改进您要创建的设计。
In this follow up article (You can find Part 1 here), I’ve put together a small, and easy to put into practice, selection of tips that can, with little effort, not only help improve your designs today, but hopefully give you some handy pointers for when you’re starting your next project.
在这篇后续文章( 您可以 在这里 找到第1部分 )中，我整理了一些易于实践的小技巧，这些技巧可以毫不费力地帮助您改进当今的设计，而且希望当您开始下一个项目时，会为您提供一些方便的指针。
Let’s dive on in for some more UI & UX goodness…
让我们继续深入研究UI和UX的更多优点……
1.如果文本看起来有点沉重，请使其变亮 (1. Lighten up your text if it looks a little on the heavy side)
When it comes to long-form content, certain Regular weight Typefaces can still look a little too heavy, and stark.
当涉及到长格式内容时，某些常规粗体字看起来仍然有些沉重和鲜明。
Easily fix this by opting for something like a Dark Grey (ie; #4F4F4F) to make that text a little easier on the eye.
通过选择类似Dark Gray( 即＃4F4F4F )的内容，可以轻松地解决此问题，从而使文本在眼睛上看起来更容易些。
2。 字体大小越小，行高越大 (2. The smaller the font size, the more generous the line height)
As your font size decreases, increase the line height for better, all-round legibility.
随着字体大小的减小 ， 增加 行高可以更好地全面理解。
The same applies to when your font size increases. Simply Decrease the line height.
当字体大小增加时也是如此 。 只需降低 行高即可 。
3.选择一种基础颜色，然后使用“色调和阴影”添加均匀性 (3. Choose a Base Colour, and then use Tints & Shades to add uniformity)
You don’t always have to stuff your design with a multitude of colours.
您不必总是用多种颜色来填充您的设计。
If the project allows it, simply using a restricted colour palette, by choosing a Base Colour and then using Tints and Shades, can add uniformity to your designs in the simplest of ways.
如果项目允许，只需使用受限的调色板，选择“ 基础颜色” ，然后使用“色调”和“阴影” ，就可以以最简单的方式为您的设计增加一致性 。
4.突出最重要的元素 (4. Give prominence to the most important elements)
By using a combination of Font Sizes, Weights, and Colour, you can easily give prominence to the most important elements in your UI.
通过结合使用Font Sizes ， Weights和Color ，您可以轻松地突出 UI中最重要的元素。
Simple adjustments to make the user experience that little bit better.
进行简单的调整即可使用户体验更好。
5.为了保持一致性，请确保您的图标具有相同的视觉样式 (5. For Consistency, make sure your Icons share the same visual style)
When implementing Icons in your UI, keep things consistent.
在用户界面中实现图标时，请保持一致 。
Make sure they all share the same visual style; the same weight, and either filled, or outlined.
确保它们共享相同的视觉风格 ; 相同的重量 ， 填充或勾勒轮廓 。
Don’t mix and match.
不要混搭。
6.始终将“号召性用语”放在屏幕上最突出的位置 (6. Always make your ‘Call to Action’ the most prominent item on the screen)
You think this would be common sense right? Erm. Not always I’m afraid.
您认为这是常识吧？ 恩 我并不总是害怕。
Make sure that ‘Call to Action’ is as prominent as possible, via the use of colour contrast, size, and labels.
通过使用颜色对比 ， 大小和标签 ，确保“号召性用语”尽可能突出 。
Don’t always rely on Icons alone if you can. If you can use Text Labels too, use ’em, to enable much better user comprehension.
如果可以的话，不要总是仅依赖Icon 。 如果您也可以使用文本标签 ，请使用'em，以实现更好的用户理解 。
7.为您的表格错误添加额外的视觉辅助 (7. Add an extra visual aid to your Form Errors)
Adding an Error Message close to the action that the user has just taken can be a simple, but helpful, extra visual aid for when they’re filling out Forms of any kind.
在用户填写任何形式的表单时，在用户刚刚执行的操作附近添加错误消息可能是一种简单但有用的额外视觉帮助。
Every little helps right?
一点帮助都对吗？
8.突出显示菜单中最常用的操作 (8. Give Prominence to the most frequently used action in a Menu)
When designing a Menu to use inside of an application, make sure to give the most frequently used action (ie; Upload Image, Add File etc…) the most prominence on the screen.
设计要在应用程序内部使用的菜单时，请确保在屏幕上突出显示最常用的操作 (即，上载图像 ， 添加文件等)。
数据挖掘 点击更多 界面_8（更多）技巧，可快速改善用户界面相关推荐
- 数据挖掘 点击更多 界面_6（更多）技巧，可快速改善用户界面
数据挖掘 点击更多 界面 重点 (Top highlight) Creating beautiful, usable, and efficient UIs takes time, with many ...
- php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多，不刷新页面加载更多数据！附：可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
- fir.im Weekly - iOS 保持界面流畅的技巧
2019独角兽企业重金招聘Python工程师标准>>> 生命不息,coding 不止.本期 fir.im Weekly 收集了微博上的热转资源,包含 Android.iOS 开发工具 ...
- fir.im Weekly - iOS 保持界面流畅的技巧 1
生命不息,coding 不止.本期 fir.im Weekly 收集了微博上的热转资源,包含 Android.iOS 开发工具.源码分享,产品 UI 设计的好文章,还有一些程序员成长的 Tips,希望 ...
- 【MATLAB appdesigner】14_app界面“运行”小技巧总结（非常干）
创作时间:2021-04-19 Readme: 受到广大读者的要求,迫切需要学习 如何在多个app界面中进行参数传递? 我打算分多篇文章将这里讲述清楚,继续延续我的写作风格,使用通俗易懂的语言,把复杂 ...
- android原生代码转h5,Android原生和H5交互；Android和H5混合开发；WebView点击H5界面跳转到Android原生界面。...
当时业务的需求是这样的,H5有一个活动商品列表的界面,IOS和Android共用这一个界面,点击商品可以跳转到Android原生的商品详情界面并传递商品ID: 大概就是点击H5界面跳转到Androi ...
- QFE23xx揭秘：最强大的Qualcomm RF360前端芯片——更多频带，更多模式，更小的PCB尺寸
QFE23xx揭秘:最强大的Qualcomm RF360前端芯片 --更多频带,更多模式,更小的PCB尺寸 美国高通公司的RF360™大新闻又来啦!第一款采用包络追踪的商用手机是三星的GALAXY N ...
- 横向加载更多（查看更多）RecyclerView
实现方式是不改变RecyclerView本身,定义了一个父控件装载,查看更多和架子更多的view也同样作为该父控件的子控件.有简单的阻尼回弹效果. 实现代码: public class PulToLe ...
- 计算机表格标题怎么做,做表必备！超实用的五个制作Excel表头的技巧，快速学起来...
原标题:做表必备!超实用的五个制作Excel表头的技巧,快速学起来 做Excel表格的时候,需要用到的表头制作技巧,小编都帮你整理出来了,非常实用! 一.制作分项表头 步骤:1.输入两个标题,按&qu ...
最新文章
- 【Spring boot 实战】使用Maven插件构建Docker镜像
- TCP/IP详解--第十九章
- (转)python协程2：yield from 从入门到精通
- QWT6.14的编译、配置、使用（Qt Creator5.14.2）
- 在Linux中某些程序无法运行,为何linux下的程序不能在windows下运行，不是“废话”那么简单...
- Maven 插件打包java 后台
- matchers依赖_Hamcrest Matchers教程
- Go语言的原子操作和互斥锁的区别
- SQL语句查询条数不足10行时如何自动补充空行
- mysql连接不用数据库名称_C++连接MySQL数据库
- springboot 集成J2Cache
- 计算机为什么采用二进制
- jeecms 取附件
- 微信推出史上最简单「拍一拍」新功能，仅需一行代码，好友们都玩疯了！
- 数独解法-变形数独(第二讲：数独基础方法（行唯一列唯一宫唯一唯余数）)
- 【转载】Windows 7下使用bcdedit删除多余启动项的命令
- Motorola（二）
- 索尼xz2android设置向导,索尼为Xperia XZ2 Premium推送Android 9.0 迎来全新手势操作
- CPU频率到底是什么
- 牛逼闪闪的腾讯开源运维系统平台!