首页

什么是DPI?什么是PPI?

用心设计

什么是DPI?什么是PPI?

DPI(Dots Per Inch)是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,而DPI也被引入。

安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比 例。

这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560*1440px。

我知道23.5109不是恰好等于2560.实际上是23. 486238532英寸。要是用每厘米的像素点计算,会更加准确,但是这里你知道就行。

什么是DPI?什么是PPI?

聊聊移动APP导航设计的改版实战

用心设计

关于手机App 的导航设计讨论已经有很多了(特别是针对汉堡菜单的讨论)。今天翻译的这篇文章,是原作者在真实的 App 中对导航进行改版,观察数据并进行分析的一则小文,实战意义很强,可供借鉴 >>>

欢迎同学们关注译者的微信公众号呦:shejiyiyan

移动界面设计中,使用各种菜单控件来简化界面,对设计师来说很有吸引力 —— 特别是在小屏幕的设备上。但是,将 App 的核心部分隐藏在这些菜单里,可能会对实际使用产生负面的影响。

扁平化与字体设计

用心设计

扁平设计的魅力在于极简,极简却不能意味简陋;相反的它必须展现极高的功能性。平面设计极简,而又将功能性发挥,不会妨碍沟通,很大一部分有赖于字的编排。文字是最直接的表“意”媒介——不只有意义,还有意象 ...

优秀设计师应当知道的20大UI设计原则

用心设计

图形设计大师Paul
Rand(保罗.兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美
化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难,今日小编偶然发现一篇界面设计师
Joshua Porter博客当中的一篇文章——《Principles of User Interface
Design》,文章中列举了20大UI设计原则,看完之后,觉得挺受启发,于是试着将其编译,希望能够给广大设计师——特别是刚入门的初级设计师,提供
较好的学习机会。全文编译如下:

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

周周


作者:王铎(MICU设计)


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

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

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

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

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

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

移动端设计—视觉设计

蓝蓝设计的小编

移动端设计——第三节:视觉设计

为了利用平台化的功能,历史上第一批移动网站不得不在很多方面做出“让步”,因此远达不到“佳作”的水平。而如今,功能更加完备的设备让我们有机会打造出更具视觉吸引力的设计,这些设计不仅能够刺激和吸引用户,更能够提高用户体验的实用性。不过,机会的出现同时也伴随着挑战。

UX与UI不是对立而是共生

蓝蓝设计的小编

UX与UI不是对立而是共生

Web端的用户体验(UX)是指人们在使用网站时所获得的抽象感觉。用户界面(UI)则是指人们的交互对象,是用户体验的一个组成部分。

日历

链接

个人资料

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

存档