半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

UI设计网页设计字体规范应该要注意什么

2022-05-29 17:47:31 暂无评论 289 网站建设 网页设计   字体   应该

可以参考常规字体的使用规范:

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

扩展资料:

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

2、以业务目标为中心进行功能策划,制作出栏目结构关系图。

3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈,进行页面设计调整,以达到最优效果。

参考资料来源:百度百科-UI设计

参考资料来源:百度百科-网页设计 (网站技术)

下面列出UI设计网页设计字体规范特点:

微软雅黑/方正中黑:在网页设计中这款字体使用的非常频繁,这款字无论是放大还是缩小,形体都非常的规整舒服。在设计过程中建议多使用雅黑,大标题用加粗字体,正文用常规字体。

方正正中黑系列:中黑系列的字体笔画比较锐利而浑厚,一般运用在标题文字中。但这种字体不适用于正文中,因为边缘相对比较的复杂,文字一多会影响用户的阅读。

方正兰亭系列:整个兰亭系列的字体有大黑、准黑、纤黑超细黑等。因笔画清晰简洁,这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合,不仅能保证字体的统一感,还能很好的区分出文本的层次。

汉仪菱心简/造字工房力黑/造字工房劲黑:在这几个字体中,他们有着共同的特点,字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式,让文字显得更为活力。

在这三种字体中,菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松,更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多,效果比较突出。

宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。适用于复古,典雅,传统,品质,灵动等主题。

Arial:Helvetica的「克隆」,和Helvetica非常像,细节,上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显 示都正常。

扩展资料

UI设计规范:

网页的布局主要有两种:左右布局和居中布局。布局不一样使设计的空间也不相同。

⑴、左右布局,灵活性强,UI限制小;左右通栏为导航栏,宽度没具体限制,可根据实际情况调整;右侧为内容板块范围,是网站内容展示区域。

⑵、居中布局,中间的深色部分为有效的显示局域,用于网站内容的展示;两边留白没实际用图,只是为适配而存在

当前最流行的分辨率是1920px*1080px的,所以建议创建网页尺寸为1920px*1080px,页面中心区域常设置为1200px(或1000px -1400px区间),以这个尺寸来设计相对标准。每个屏幕的高度约为900px。因为1080还要减去浏览器头部和底部高度,大约就是900px了。

网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要使用偶数字号。

1、字体规格也不需要太多,最多使用三种混搭,当一个页面中使用的字体超过 3 种时,会给用户带来“不专业”、“没有权        威性”、“没有层次结构”之类的感觉。

2、层次的区别,可以改变字体颜色或加粗来体现。

3、字体优先使用各操作系统默认的字体。字体选择有版权、笔画严谨、清晰可读、经典。

猜你喜欢