时尚杂志网页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、字体优先使用各操作系统默认的字体。字体选择有版权、笔画严谨、清晰可读、经典。

UI我觉得在哪儿都差不多，倒是影视后期制作，这个倒是很有前途，赚钱也很多。

其实平面的话更加亲民，美编和UI设计差不多，大都是平面软件，就业路子广，经验多，收入就高影视后期制作，偏向高端，需大型3D软件，懂的东西要求多，3d,maya,pr,AE,ps之类都得熟练但是影视后期制作，起点高，前期能站稳脚，一切不是问题

区别一：定义不同

1、平面设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

2、网页设计，根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

3、UI设计，指对软件的人机交互、操作逻辑、界面美观的整体设计。

区别二：使用平台不同

1、平面设计是纸媒时代的产物，主要以平面媒体或载物进行设计，报纸、杂志、画册、海报、宣传页、书籍装帧等都是平面设计的工作。随着互联网及移动互联网的发展，浏览逐渐趋向移动端发展，平面设计的发展也受到一定的阻碍。

2、网页设计主要针对的PC端运用的设计，后来移动互联网的流行，网页开始在手机上流行起来，为保证能够多端正常显示，在HTML5和CSS3的帮助下，“响应式设计流行”，使得网页能够在任何平台都能正常显示。

3、UI设计主要针对的PC端运用的设计手机系统界面、软件界面、网站界面、游戏操作界面、智能电视界面、汽车导航界面、VR虚拟现实等都需要UI设计师。

区别三：信息量不同

1、平面设计承载的信息量是有限的。

2、网页设计或UI设计的信息承载量是无限的。

3、平面设计是无法与读者进行沟通获取用户反馈的或者二次更新的。

题主，你好！如果您已经决定要到源码来学习UI设计，在学习之前其实提升自己的审美能力。简单来说：就是你要知道什么是美的，也就是鉴赏美的能力。较强的审美能力，能够帮助题主迅速地发现美、捕捉住审美对象深处的本质性东西，只有能够欣赏美、发现美，才能去创造美和设计美。提升审美能力最简单的方法就是，看一些著名的时尚杂志、设计书籍或者设计网站，学习他们的色彩搭配、排版等等，然后模仿、练习。当然审美能力并不是一天两天就能提升到一个高度的，还需要长期的积累。因此在学习UI设计前，题主可以先试着提升自己审美能力。最后小声告诉题主，最近我们会有一场线上活动，题主如果有时间，可以来参加游戏，结交更多朋友，说不定其中就会有你的同班同学哦！

了解美术史，学会入门的美术鉴赏，学会用多个纬度去思考美学，学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，才能更客观的去理解UI的发展历程，也才更容易成为一个有内涵有深度的设计师。平面构成，美术绘画，色彩构成， 版式设计，字体设计，用户体验设计，交互设计原则与规范等等，去源码时代会更加详细的给你讲解这些问题。