与大多数网站设计师一样，我们探索和选择的最成功，最难忘和刺激的网站设计是一个重要方面支持我们从事的每一个项目。对我们来说，开始了新的挑战从来没有像简单的问自己，什么可能是最好的途径，然后在电脑前坐了下来，试图满足这种想法。
我们几乎总是用一张纸和一支铅笔开始，并绘制出各种各样的设计方案，以帮助汇集和发展的广度在我们的脑海中正在成熟的想法。在这篇文章中，我们将探讨如何使用绘图和标记的创作过程中的一个组成部分。
标记的一个例子，有助于制定的设计思路，工作类型和图像。请注意标记的变化，表明不同程度的类型。
我们发现，探索设计选项文件，使用绘图和标记是一个伟大的方式，以确保我们正朝着正确的方向前进的一个项目，再加上，我们不认为这个工作流程可以被击败的刺激意想不到的解决方案，否则不太可能看到日光。我们将专注于不同类型的绘图和标记作为解决问题的工具和技能，形成可视化和探索设计方案，包括数量，类型，有或无图像的一个重要组成部分。
为什么质地和音色的类型，应在绘制
字体，线的类型和词语的走到一起用不同的色调值，以及不同的特性的图案化;取决于产生的乐音的黑暗，连同纹理的规模和性质，观看者被吸引到更大或更小的程度。一些很好的例子，这可以通过看报纸和杂志设计亚切克Utko。在下面的示例页面，我们吃惊动态创建的文本不同的字体，点的大小，重量和措施，以及图像的数量。色调值的变化，尤其是诱惑和引导读者通过网页在一个特定的序列。
工作与艺术方向从Liudas Parulskis和Vilmas Narecionis的，亚切克Utko设计周末部分立陶宛Verslo Zinios的一些迷人的页面。的布局，戏剧性的纹理和色调的多样性和对比度规模。
纹理和色调的素质在布局中使用尽可能多的帮助引导观众在一个特定的顺序为美学。这些特质应有效地捕捉，通过绘画和标记的可视化的概念是有足够的现实，使适当的设计做出判断。这可以很容易地实现一个相对快速的设计速记练习和熟悉许多设计师使用。较大型的字母，捕捉所需的字体，文本可以内衬，或“灰度条，”使用标记技术，钢笔，铅笔和/或不同的压力，表明纹理混合的风格精髓，重量和比例和色调的差异。
在这篇文章中的例子特色才去展示和捕捉无限的节奏和品种的排版选择和组合的方式，但他们仍然表明，即使在早期绘画的视觉效果，捕捉微妙和变化的步伐是至关重要的。绘图和标记样式，可以发展成为显示和捕获的纹理和色调的差异，目前的工作时，例如，使用全部大写的sans-serif字体，而不是非常不同的视觉“拍”，从大写和小写字符。
寻找合适的标记工具和纸张
在强调这种类型的设计图纸的细化，我们也应该简要评论的工具，可以用来表达这些细微的印刷字体的细微差别。我们的工作与一个光滑的轻质纸，在英国被称为布局纸，半透明这种廉价的材料是伟大的跟踪从一个工作表，迅速细化图纸。许多的设计师，我们讲混合使用的标记工具，他们希望创造的特点;一些工作，记号笔，其他人更纤维尖的细笔，用软铅笔和一些拉伸。一个方面，这些选择似乎有共同的是，他们让设计师，改变质量过硬，通过改变压力：用力按压，以创建一个更厚，颜色较深的标志，并轻轻地按一个重量更轻，更细的音。
开发自己的设计速记
回到这种风格为“相对迅速，”在现实中的可视化的描述，这个过程可能是费时的，虽然结果不一定非常详细，这是经过深思熟虑的，我们一定能找到工作是最时间效率和创造性的方式来工作，特别是当面对完全新的设计挑战。
绘图和标记的视觉效果，我们在这里讨论的功能，多个层面。他们捕捉的替代品的质地和色调细节的布局，他们是一个伟大的方式来探索不同成分的替代品，他们可以是非常有用的，当使用模板或模式，以帮助简化程序，从标最终设计。
印刷的质感和色调不同方面的设计，更多或更少突出的。选择的脸，颜色，字体大小，色彩，重量，字符间距，行间距和整体空间分布影响类型的密度，因此，光亮度或暗的工作。所有这些方面都可以很好地抓住了图纸和标记，影响的不只是色调值，同时也是微妙的质地品质的类型。很多时候，视觉效果，仅捕获的类型，规模和位置，而不显示更详细的特性。
Aleksandrs Golubovs的布局组成并没有显示的层次或改变字体，点大小，重量或领导。与更多样化的标记的最小额外的工作会很容易地捕捉到所有这些缺少的元素。
下面的例子表明，我们不建议耗费巨大的时间标记，而仅仅足够的各种传达出逼真和最令人满意的印象。
上述的视觉效果是不同的标记样式表现出的重量变化，规模，领导和案例的例子。标记，钢笔和铅笔的混合物已在这里使用，但也可以使用任何工具，理想的情况下，虽然，创建不同质量的标记的工具，响应于多样化的压力是最好的。
为什么可视化设计类型如此有用？
我们认为，使用绘图和标记产生的视觉效果，是一个很好的方式，开拓思路，扩展设计，以探索创新的可能性。绘图，往往推动我们的设计，我们可能没有，否则认为意想不到的和令人兴奋的途径。一个惊人的链接是伪造的大脑和手之间，有效地使翻译和可视化，即使是最细微的设计思路，包括纹理和色调的变化。图纸的行为是一个表达式，这个环节。有很多知名的报价的头，心和手之间的连接。约翰·拉斯金（John Ruskin）说，英国的艺术家和作家，在19世纪末，“一个年轻艺术家的教育应该始终是一个问题的头部和心脏的手。”艺术与设计，拉斯金说，必须出示“最微妙的所有机器，这是人类的手。“
1950年，理查德·Guyatt，英国的设计师和学术头，心和手的共同作用下，介绍了三种相互关联的要素的设计。头提供了一种逻辑的心脏，情绪的刺激;和技能的设计理念，让形式执行的手。
作为我们工作的学生和我们自己的设计实践中，我们经常使用的绘制可视化的两个层次。这两种形式我们称之为微观和宏观。微可视化在更复杂的设计挑战，探讨了替代方案的细节“亲密的”，例如，标题，副标题和一段文字是如何走到一起或图像和字幕团结。
的关系和组合最有效的组合决定时，就可以进行开发和应用在其他微观层面的设计挑战。采取了一些有效解决这些微的视觉效果，我们会进步到我们的第二个层次的可视化：可视化宏。使用半透明纸布局，我们会迅速跟踪并汇集一组的微视觉效果，形成一个完整的“页”分组。这是在这个阶段，我们将利用在页面的参数，并尝试不同的关系，规模和不同成分的可能性。
这些图像显示了一些的微缩略图我们的设计任务书“粘性图形。”这本书是关于存储设备，我们想型，一定要创造一个持久的印象。在我们的设计图纸，如上图所示，我们表示可能的纹理和色调变化和层次结构的设计学分和字幕，同时，我们也注意到这些微元件的设计方面需要的成分。最终的图像显示了一些主要的数字解释这些图纸。
这三幅图像是由平面设计师阿比盖尔·厄温，慷慨地分享了一些她的的宏观设计图纸和视觉效果。在这些例子中，阿比盖尔在一本杂志上的新闻传播型的开发设计。最终，这些网页将包含五个独立的小文章，一个共同的主题下走到了一起。在头两个图像，她正在探索其他的方法来设计这些文章。在第三个图像，阿比盖尔已经开始了，她怎么可能把这些文章在蔓延。
这些例子表明我们的第一本书，“布局：它适合的初始微视觉效果。”图纸探索质地，色调，层次和成分的选择，和两个双跨页显示我们的一些数字方面的解释这些设计图纸。
以这种方式开始了新的设计，我们总是首先通过搜索出最复杂的方面的项目。找出一个设计系统，先解决最困难的情况下，可以更容易地申请最终设计的系统和关系方面的项目简单。有可视化排序的各个方面并没有硬性的规则。我们已经发现，在其中我们手工绘制，并在计算机上工作的顺序而变化，并且这两种方法有时合并。但是，使用这两种方法的发展伙伴关系，是一个很好的方式，以最大化的设计理念。
如果你是一个经验丰富的设计师，可视化真的必要吗？
在一个完全新的设计项目中，上面介绍的方法有助于确保我们的结果是不以任何方式限制的起点在计算机上或通过相对简单的操作，往往是很有诱惑力的追求，但不一定是最合适的刺激。图有助于把我们最有效的设计理念，正视舞台的中心，并迫使我们，然后找到最好的方式来达到预期的效果。当然，如果我们开始与布局一张空白的纸和铅笔，进行研究，以获取灵感，然后设计上，天空的极限。
以往任何时候都倾向于简单地重复使用的调色板，曾在以前的项目，简单易用性和速度的印刷样式？我们知道，我们的时间和精力尝试的方案，以及开发完全不同的选择会有所改善的结果，对于这个问题，增加了我们的满意。我们有我们的眼睛对时钟和生产解决方案是令人满意的，但绝对不是最有效的，刺激或满足。
翻译绘制成设计
这个过程中的一个重要方面是能够进入最后翻译的细微差别标记的工作。这需要一个详细的图纸和精确的评估。微妙的色调和纹理，在你的视觉对比，应该有助于建立一个有价值的图片的类型和图像，对于这个问题，所有其他方面的设计。仔细看一下微妙的视觉效果，并利用它们作为一个起点，在选择字体的细微差别，重量，跟踪，字距，甚至导致。
从较小的纸张的视觉效果，Web或打印设计制造的过渡，可以是困难的，我们经常讨论这个问题，我们的学生。一个系统，现在似乎工作得很好 - 尽管是一个完全依赖比例大小的最终设计的视觉效果 - 是扫描或精心拍摄的视觉效果，然后将其拖放到要使用的数字文件的背景作为模板的最后作品。当设计充分呈现，该模板可以被删除。
这里的三个图像显示前一段中所描述的过程。第一步显示了一个简单的绘图的电子报的头版。接下来的两个图像显示的汉化版的主要阶段。以品红显示的数字的渲染，包括的类型，本文目的区分的层。
另一个原因是绘制：作为工作的类型和图像的灵感
做标记的另一个原因，是发展思路的类型，我们已经做了非常有效的，在我们的书类型的图片和文字颜色的影响作为一个练习。该方法包括寻找样本的类型，然后剪切和粘贴，形成新的布局。的副本不会是有道理的，但抽象的结果可能是一个令人惊讶的和鼓舞人心的一个设计项目，涉及类型。
这次演习一直很受欢迎，我们的学生，谁得到了启发，捕捉到他们的抽象的布局的设计方案。在这里所示的例子中，学生们已经汇聚发现样品的类型来创建纹理和色调的对比度和动态组合，没有设计感的压力。
在电脑屏幕上快速生成外观设计权的便捷性和即时的满足是很有诱惑力的。可接受的概念，这种方式产生的。但是，如果一个设计师渴望更广泛的有趣和实用的视觉概念，那么实现这一工作完全在电脑上是不可能的。
我们在没有办法的贬低计算机的资产是无价的设计师。但我们坚信，它不应该取代直观的途径之间的头，心和手。由手绘图，然后再通过电脑不是一成不变的，或者可能是第一位的，如果我们使用他们的同时，探索和发展的最有效的解决方案，为观众和设计师的一致好评。
纸和铅笔的概念必须是设计过程中的一部分，如果想法被最大化。有风格，设计师需要遵循任何规则或精确，但需要足够的精度和细节，以便能够做出明智的判断。我们的剪切和粘贴的方式，发现样本的类型和不同寻常的组合放在一起，也可以是一个鼓舞人心的出发点。有没有一套做的和不该做的设计过程中，适量的图纸，标记和试验必将提高最终的结果。
本文已被检查的作用，产生想法型绘图和标记时，可以发挥一个极好的机会。在此之前，我们只是简单地谈到这个话题时，更广泛的书面的纹理和色调的素质，在我们的书的类型和图像设计，包括创建型图片和文字颜色和平面设计，练习册的影响。这些实用的指南是有用的提醒，图形和设计型的基本面。
本文作者来自北京传诚信，转载请注明出处：北京传诚信（www.ccxcn.com）
选择北京网站建设公司-传诚信，优质服务，绝对不容错过 ！
