首页

界面设计必备,常用字体规范

周周


作者:王铎(MICU设计)


好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。

这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”

这个,好吧,那就直接说说能用的知识:字体字号。

也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀。

对于这个问题,我想说:会和熟练,是两回事。一个App,不同部分的字体字号你能准确地说出来吗?

很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距而困扰。
拿到设计需求后,开始进行设计,不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等。
这小节我将和大家理一理界面中常用的字体,字号,字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。

设计师是不是真正的用户?

用心设计

今天的文章,让小编想起小时候大街小巷放的一首歌“……梦中的梦中梦中人的梦中……”(跟着唱出来的人请点个赞,没错,你暴露年龄了!),当你每天研究“别人家的孩子”、“别人家的狗”、“别人家的老公(婆)”的时候,你就不是你自己了,你只是一个“别人眼里的别人”。

技术与人性的碰撞!给设计师的用户体验设计发展简史

周周

user-experience-brief-history-1

编者按:现如今,用户体验设计师已经成为开发和设计团队必不可少的成员。这一新兴的职位到底是怎样出现,从何开始的呢?今天通过这篇文章,简单温故一下用户体验设计的隐秘传承~

在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧。

交互设计与心理学关系

用心设计

交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是很有必要的。这篇文章的主要目的就是初步地向大家介绍交互设计师至少应该了解哪些基本的心理学理论。

优秀的表格设计技巧~~第四篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第四篇!实际价格表的设计案例。感谢原作者!

如果我们在访问某些产品销售类网站的时候,看到产品的价目展示用户体验,很大程度上会影响我们的购买需求,所以说我们在自己、客户的网站价目表格展示的时候,用上特有、简单、体验完美的HTML CSS样式表格能够提高用户体验和产品的购买转化率。在这篇文章中,老左整理来自海外16款用户体验优秀的HTML CSS价格表格模板,并且附带演示和下载,根据我们自己的实际需要添加整合到网站中应用。

老左之前也有分享过2篇关于HTML样式表格的资源:

8款设计师常用漂亮的HTML CSS表格样式

6款漂亮HTML CSS样式用户留言表单

第一、带图片价格表模板

带图片价格表模板

优秀的表格设计技巧~~第三篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第三篇!感谢原作者。

cover01

表格的应用

DLIN:由于工作原因,经常接触到表格。我们发现,表格不但广泛的运用在各类数据收集和分析,同时通过表格这样一种二维矩阵来整理和陈列信息时(即便最后的展示方式并非一个典型的表格样式),能够很好的表达信息之间的逻辑关系,易于帮助理解横纵信息之间的关系。

在实际的网页设计应用中,表格横纵相互独立又相互关联的模式尤其适用于:

1.组织和展示大量的信息

表格简单的结构不但能包含大量的信息,且同时保证信息的可读性,便于读者快速扫描信息、从大量的条目中找到所需的信息。

2.展示对比性信息

优秀的表格设计技巧~~第二篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第二篇!感谢原作者。

17

hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

在后台界面,表格对数据的维护和体现是最常见的,那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

2



优秀的表格设计技巧~~第一篇

蓝蓝设计的小编

表格信息通常是很乏味的

从某种意义上来说,的确如此。一个好的表格应该以易于理解,简单明了的方式传递大量的信息。真正的重点应该 放在信息上, 对表格的过度设计会抵消这种作用。从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性。

今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用,因此主要以该种表 单为例。请记住这些原则可以应用到任意类型的信息列表上(不仅限于<table>).

垂直,水平或矩阵?Vertical, Horizontal or Matrix?

一如以往,我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择 垂直的列还是水平行,通常取决于个人偏好。大致规划下表单的内容,然后决定采取哪种方法能更好地传递信息。很显然,如果信息包含多变量,那么选择矩阵来表示。下面分别以几个简单案例来开始。

垂直

2015移动APP设计趋势潮流发布会

用心设计

App Store和Google Play里的app多如牛毛。很难说未来的趋势是什么,不过显然我们可以轻易选出当下的5种趋势并加以分析。今天@十萬個為什麽 同学简单归纳了当下的5种移动APP设计趋势,来涨姿势吧。


看看时下的app中的颜色、创意和简单朴素,我们能从中学到一些设计移动app的技巧。

移动端字体7准则

用心设计

能你听过这说法,好的字体是隐形的,不过更准确来说,应该是好的字体让阅读行为毫不费力。

当视线掠过一行文字时,它是跳跃前进的,我们称之为扫视。你读的不是字母,甚至不是词语,而是文字某部分的影像,大脑会补上它预期的内容。如果超出大脑预料,它会促使眼睛回去核实假设十分正确。通过在字里行间创造平顺的视觉流动,好的字体极度减轻了眼睛的负担。

对任何字体工作者而言,在移动设备上要面临与生俱来的挑战:空间有限,环境光通常比较微弱。不过将已经用于web端的技巧稍加调整,我们就可以提升移动设备的易读性。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档