APP 设计如何显得清晰,用什么字体

2018-01-26 14:15:31 +08:00
 baiyun888

自己用 PS 设计出来的 APP 样式,总是觉得很粗糙,看着不清晰,没有美感,所以 2 个问题 1、如何让演示图看起来有型 2、你们都用什么字体(我钟爱 12&14px 宋体,但为什么设计出来的跟 html 设置的宋体看起来差别那么大呢)

7651 次点击
所在节点    设计
26 条回复
baiyun888
2018-01-26 14:17:39 +08:00

这是什么字体
QAPTEAWH
2018-01-26 14:25:33 +08:00
宋体适合高 PPI(300ppi 都算低了,印刷品级的才好)下作为正文字体使用。普通界面用黑体。
baiyun888
2018-01-26 14:26:20 +08:00


这张网易云的图截的不好,他的设计图做的也很棒哦,是我用 PS 的问题吗?
baiyun888
2018-01-26 14:29:42 +08:00
EmbraceZ
2018-01-26 14:30:35 +08:00
可以先搜一下指南比如
https://juejin.im/entry/5715ad822e958a007c4e5154
我个人的观点是,除非为了设计需要,尽量使用原生字体,尽量不用 light 字重
EmbraceZ
2018-01-26 14:33:07 +08:00
@QAPTEAWH 同意,衬线字体除非是为了模仿书刊效果,否则在显示屏上的显示效果大概是不如无衬线的,在低 PPI 的情况下更是如此
magicolor
2018-01-26 14:33:24 +08:00
一般都用雅黑。图上应该是苹方的细体,要想 12px,14px 的宋体在 ps 里好看,要取消字体的抗锯齿选项
baiyun888
2018-01-26 14:35:04 +08:00
@QAPTEAWH #2 上面的图片也用的黑体吗?
baiyun888
2018-01-26 14:41:58 +08:00
@magicolor #7 选的是无哦,但是怎么看怎么不像宋体
Macbooker
2018-01-26 15:08:24 +08:00
@EmbraceZ 现在显示屏都挺好的,尤其是移动设备。我觉得用非默认字体的主要问题是设备不一定安装相应字体。我在 app 里打包了衬线体,在 iPhone 效果挺好。

@QAPTEAWH 对于电子显示屏 ppi 没有意义。

图片模糊要看一下设计分辨率和屏幕分辨率。一张 100*100 的图放到 200*200 的设备还平铺,那肯定要模糊的。你设计的是 iOS app,那就拿你手里的 iOS 设备分辨率来做,1:1 显示肯定不会模糊。当然要注意 ps 转图片有没有压缩,压缩也会模糊。

不知什么字体,肯定不是宋体。
QAPTEAWH
2018-01-26 15:22:42 +08:00
@baiyun888 你这是宋体内嵌的点阵宋体。小字号时用,比矢量字体清晰。

不过现在都是高分时代了。
wu67
2018-01-26 15:22:52 +08:00
苹方 思源 冬青黑
rookie603
2018-01-26 15:32:30 +08:00
老哥,你用平方就好了
icyalala
2018-01-26 15:50:27 +08:00
UI 就选一款非衬线字体,思源、平方 /兰亭 /冬青、微软雅黑。
另外,在 App 内打包字体会很大增加 App 体积。。
loshine1992
2018-01-26 15:59:27 +08:00
Android 思源黑体
iOS 苹方

按自带的字体来
baiyun888
2018-01-26 16:26:52 +08:00
@loshine1992 #15 好的,谢谢
op7418
2018-01-26 16:52:05 +08:00
优先使用系统自带的字体啊,思源和苹方。移动平台的 UI 不要随便换字体
SeptimusX
2018-01-26 16:56:03 +08:00
@baiyun888 从数字判断是 Hiragino Sans 系
minamike
2018-01-26 18:29:37 +08:00
苹方
San Fransisco
nicevar
2018-01-26 18:42:37 +08:00
手机软件使用系统字体就行了,第三方字体会出现很多适配问题, 一些机型上显示不全,过大或者过小、被剃头、重叠

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/426147

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX