视觉设计师都要修炼的五种技巧
新闻来源：优漫教育
日期：2021-11-01
主要职责是制定产品策略和设计方向计划，而不涉及具体的设计细节。不过，我一直认为基本的设计技能会影响设计思考。下面五个是网页设计中最基本的技能需求。
一、草绘
不管前台技术如何发展，自然交互界面还没有普及。如果图形界面仍为交互设计，主流网页的基本设计仍是格式设计，很多人的糟糕感觉来自于对传统印刷或图形领域不了解格式设计的基础，一件作品的创作一般要经历四个基本步骤：一是草图，又称简略草图，这是一种设计理念，通过大量的设计草图逐渐形成设计的概念(见下图)；排版初版主要是构造基本元素，体现要素间的主次关系；比较精修版：部分精修版显示更多细节；完成：完成最终设计。
起源于传统平面设计领域的“设计”一书，也应该遵循“写生”、“初版”、“精版”的过程。然而，由于种种原因，很多教师并未养成从图纸上逐步提炼专业设计的习惯。实际上，我是从2012年开始练习草图的。以前，我也有使用PS或者代码的习惯。下面是我第一次练习草图：
通过三个月的实践，我们可以逐步地达到绘制场景图、信息图、草图等层次。在能够巧妙地表示出场景图的时候，绘制一个页面会变得非常简单，如下所示：
值得注意的是，我没有受过专业的艺术训练，但是从小就喜欢画画。短期内，只要我坚持练习，我肯定在六个月之内就可以完全掌握速写技巧。
二、利用栅格。
草图是设计中最基本的一页技巧，很多设计教师都忽视了网格(或者网格系统)的使用。它还是一种重要的图形设计工具，早在1629年，法国国王路易十四命令一个由数学家Nicolajiagan领导的皇家特别委员会负责印刷工作。该委员会建议一种基于罗马风格的新字体：以正方形为设计基础。每一字型的方块都分为64个基本的正方形元，每一个方块又分为36个小方形，这样的印刷版面就由2304个小方块构成。它是世界上首次对字体和布局进行科学试验。(下)它也是网格系统的原型。
三、无独有偶，我一直主张8px的水平网格单元。最早的想法是，在中国，基本字符的高度是12px，通常是16px的1.5倍，也就是2个网格高度。这并不科学。数字8可能比较吉利。栅格主要用来双向。一种是水平网格，用来控制垂直节奏，如下图所示：
四、另外一种方法是比较熟悉的垂直网格，也称网格系统。随着960.gs等前台框架的普及，网格系统变得越来越普遍，许多教师都知道如何利用垂直网格来规划网页结构。
一个真实的标准页面设计还需要考虑垂直页面和垂直节奏。不管你是用Photoshop还是Sketch，你都能轻松地从水平和垂直方向生成辅助线。就拿PhotoshopCC2014来说，你可以使用插件指南来快速生成自定义的页面网格系统，如下图：工件地址：PS参考线插件GUIDEGUIDE下载和使用说明
在查看详细信息时，每一页元素的左边边缘与垂直辅助线对齐。与此同时，元素的高度，字体的高度，元素间的间隔和段落间距由水平的网格控制，保证了高度为8的整数倍，垂直中心，。在如此大规模的网格系统中，需要提醒的是，页面是半盲的，没有残缺。考虑得很周到，清楚地告诉每一个人，你可以在全局设置中改变网格的颜色，缺省的青色基本上是骗人的，然后将画板的背景色改成浅灰色：
五、最后操作界面看上去更舒适，更周到。
最重要的快捷键当然是cmdH，它可以帮助您快速切换是否显示网格。格子的运用是一种习惯，其基本逻辑是：美丽也许需要某种天分和感情，但通过勤奋，谨慎和一些工具，调整就能做到。
