认识达内从这里开始

认真做教育专心促就业

贵阳达内UI培训视觉设计技术应用需要掌握哪些设计技巧

发布：贵阳达内培训
来源：互联网
时间：2022-06-01 09:38

视觉设计是每一位UI设计师在设计网页的时候都会用到的一种设计技术，而今天我们就通过案例分析来了解一下，视觉设计技术应用需要掌握哪些设计技巧。

贵阳达内UI培训视觉设计技术应用需要掌握哪些设计技巧

目前存在着分辨率不同、设备对CSS的支持程度不一、像素密度各异等客观条件，导致了一堆和视觉设计有关的问题。为了解决问题，就需要好的设计。好的设计有三个原则：化繁为简(共同性)、化零为整(一致性)、化静为动(灵活性)。

1)设计一个系统，而非一堆页面

花一点时间去对内容进行分析，从中挑出10到12个页面进行设计(加上一堆小组件)。我们设计的是整个系统而不是单独的页面。你会发现页面和页面之间、组件和组件之间是有内在联系的。对于用户来说，各页面之间设计的一致性降低了认知成本，对于开发者来说，组件复用性的提升降低了今后系统的维护难度。设计系统具体分为3个步骤：

1.设计清算(罗列界面清单)，可以宏观的掌握整个网站的设计风格。从每个模块的角度进行考虑，更加系统的进行设计。

2.设计风格组件，将网站上可能出现的界面元素，如标题、正文、图标、按钮等基础的设计风格罗列在一份文档中，形成网站基本的视觉规范。一来方便网站设计的控制，二来当调整网站主题风格，会大大节省工作量。

3.建立视觉规范与组件库，视觉规范就像一份巨细无遗的风格组件库，包含具体设计标注，如文字的字号、模块的间距、图像和广告位的尺寸，在具体设计中提供准绳。组件库分类罗列了网站中常用模块的HTML结构，前端工程师摘取需要的模块代码来组成所需的页面。建立组件库好比收集一堆积木，积木越多，越能找到合适的组件，从而大大提升了网站的设计和开发速度。

2)文案内容

设计师只有获悉了文案内容，才能运用设计方法来烘托内容、强调内容、衬托内容。文案制定者和视觉设计师坐在一起集思广益，分工设计文案。视觉设计师考虑文案的极端情况，尽早考虑极端情况，会让你的设计稿更健壮;文案制定者考虑文案是否可以被现有设计规范所满足。

3)响应式Web设计

目前市面上有许多媒体类型，其中包括电脑屏幕、打印介质、电视、手持设备，以及辅助设备，如屏幕阅读器、盲文打印机、触摸反馈等设备。为了能在不同媒体中渲染合适的样式，呈现正确的界面，有人提出了响应式Web设计。响应式Web设计的基本方法包括流体栅格、灵活适应的媒体、媒体查询和浏览器分级。

1.流体栅格：基于百分比单位规定列宽的栅格系统。

2.灵活适应的媒体：图片、视频等媒体在Web页面中的占位宽度不允许超过其容器的宽度。

3.媒体查询：通过设置媒体查询的条件(宽度断点)，在不同分辨率和屏幕尺寸下，布局应该呈现什么样的结构，以及行高、字号等样式信息。

4.浏览器分级：区分哪些是技术支持度较差的老浏览器，哪些是支持度一般的浏览器，哪些是支持度高的浏览器。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：贵阳达内常见的UI设计方法都有哪些

下一篇：贵阳达内网页开发都有哪些注意事项 >