温州做网站:简单的笔和纸如何改变您的网页设计

2019.08.02 mf_web

83

我们花了很多时间在显示器前,很可能我们有多台电脑,没有提到iphone,平板电脑和所有其他超现代的恶魔侵入我们的办公桌。我们都是这一代人的一部分,他们需要一只老鼠来翻阅一张带有家庭照片的专辑(再见亲爱的家庭相册,页面留下黄色)和Facebook向朋友发送生日祝福。包含20个伟大的“草图”灵感网站的例子!

然而,在这个数字时代的中期,网页设计师的最佳盟友是可以通过沙发垫下的变化购买的常用工具。我所说的是将钢笔,铅笔和纸张作为其他“非数字”设计师多年来一直使用的创作过程的一部分:素描。

温州做网站通过这篇文章,我们将会讨论一个肯定会让你们很多人心怀的论点:我们实际上会看到草图如何帮助我们安排想法,设计有效的布局以及 - 为什么不 - 给予新鲜和原创的触感我们的设计。

草绘作为规划过程的一部分

想象一下这个场景:我们刚刚与客户完成了一次精疲力尽的简报,现在是重新安排想法的时刻。我们了解客户的偏好和需求; 在此基础上,我们应该能够设置我们必须设计的布局。问题是我们必须考虑的信息量!我们定义在主页中我们必须放置一个滑块和一个邀请联系人的可见号召性用语,该站点的页面将是七个,我们还必须在主页中包含最新消息等等。

在这一点上,我向你保证,用创造有效布局的假装打开Photoshop是没用的; 没有你必须在细节中绘制的计划,你将被封锁并被迫在没有足够远见的情况下进行本质设计以做出明智的决定。这通常意味着以后会有更多的工作,通过一些工作草图来修复第一次就能完成的工作。

草图绘制为网页设计师提供了独特的功能......它可以帮助我们将大量信息组织成可管理的部分,我们可以围绕这些部分进行设计。

相反,如果你有能力在设计中代谢概念和想法,那么很可能你会忘记一些重要的东西,结果是你必须再次将手放在布局上。并且,您可能也知道有些布局即使有一个小的变化也会完全改变并失去交流和审美效果......确实是一个非常令人沮丧的结果。

关于如何继续而不失去头脑的一些建议?得到笔和纸......

  1. 在项目阶段标记必须区分公司和您想要的关键词,以便不要失去对想要图形表示的关注。避免复杂的短语和概念,有机:你越直接,你的思维就越能快速,轻松地处理信息。

  2. 始终以示意图的方式,可能作为列表,记下对设计阶段有用的信息。您要做的就是在纸上记录打开图形程序后所需的信息和概念。

  3. 分阶段统一信息,以便每个短语尽可能简单明了。如果您仍然需要设计主页的布局,请不要记录要包含在联系人页面中的内容:避免混淆和分心。请注意笔记本电脑不同表格上的信息,以便您可以一次集中在一个步骤上。

草图的第一阶段以原理图和简单的方式阐述信息的详细说明。您可能认为所有这些严谨和纪律与创造力和想象力无关,您想要改变风景吗?好的,让我们进入下一步。

草绘作为创作过程的一部分

我们说素描是一个创造性的过程,但是 想要这在实践中意味着什么?

我们可以将草图视为我们所拥有的信息与我们最终规划的布局之间的“中间土地”。在这个充满敌意和魔力的领域,我们可以找到颜色,字体,盒子,想法,灵感,纹理,图像,感觉,疑惑......等等。无用的说,在这一切的中间,很容易被混淆,找到正确的想法,这个想法有效,让我们为成为一名设计师感到自豪。

我觉得没有什么比在一张白纸前面找到自己更令人恼火了,等待应该来自谁知道在哪里的灵感,以及创造丑陋的布局(然后如果你真的像我一样幸运,那么你'我会与一位充分利用这种情况的同事交往,告诉你,你的工作很糟糕,不会让药片变甜,这样就不会伤害你作为创意者的敏感度。

我自己的一本写生簿......我们稍后会再看一遍。

就个人而言,我和一些客户经历了一些艰难的时期:灵感不想来,我的图形建议让我为自己感到羞耻。我经过几个小时看画廊网站,感觉更加沮丧,因为看起来每个人都能够创造出漂亮的布局,唯一一个无法将两个矩形放在一起的人是我。在我的情况下,借助铅笔可以轻松地轻松压力。

在纸上释放一个创造性的过程,实际上是你的想象力,让你以更自发,更刺激的方式工作。

特别是如果您正在进行的项目是巨大且丰富的技术细节,考虑到所有这些,第一阶段当然可以阉割创造性的变化,更不用说影响许多设计师的衰弱恐惧“失败”:陷入困境我们渴望做得快而好,我们经常在监视器前瘫痪,无法重新安排想法并将它们引导到正确的方向。

因此,在开始处理任何类型的图形程序之前,得到笔和纸并...草图!自由曲目,记下几个想法,开始追踪一种抽象的设计,以获得熟悉,并释放你的直觉。你会事后分析这些想法,现在只是让自己去,避免逻辑和理性,他们在这个阶段不会帮助你。

概述布局,放下几个笔记,擦掉所有笔记,然后重新开始:在这个过程中,你的思维工作快速而且充满活力,所以在这个直觉阶段变暗之前记下所有内容!你会发现,除了有用之外,让你的想法完全自由是愉快和轻松的。

犯错误...目的

第一个想法很少是正确的,准备接受它。草图绘制可以帮助您解锁自己并抓住可能适合您的不同图形机会,但这并不意味着您不会在此阶段犯错误。积极的一点是,即使你在这个阶段犯了错误,你也可以随时撕下纸张,磨掉铅笔,然后在新的纸张上重新开始。扔掉用Photoshop创建的布局,只是因为你意识到它不是你的情况的最佳解决方案毫无疑问是消极的。

草图,不要线框

在这种情况下,我建议你不要将草图与WireFrame的创建混淆:我们谈论的是两个不同的东西,即使我看到这个论点有些混乱。几天前,网页设计师告诉我,引用他的确切词语“啊,你用笔和纸?我在线做所有事情,“提到一个允许以数学精度创建模型的网站,完全控制颜色和排版。

嗯,这不是草图,这完全是另一回事。点击某些按钮上的鼠标即可显示一些矩形,这样就不允许您为自己的想法赋予形状并释放您的创造力,尝试相信。有了这个陈述,我不怀疑好线框的效用,我只是想强调这两种方法之间的差异。

拥抱混乱

放下你对精度,尺子和指南针的渴望!在这个阶段,没有秩序和严谨的空间,所以不要限制创造性的流动,阻止自己在边缘和白色空间,你可以在以后考虑它们。同样地,如果你没有特别的艺术天赋并且你的手工能力几乎不允许你拿着铅笔,也不要担心:草图用于重新排序不是为了形成有天赋的艺术家的想法。

在这方面,我们必须补充一点,即使草图作为一种自由的表达想象力和创造力而不同于你的图形能力,这并不意味着草图在某种程度上也不具有艺术价值。让我们一起看看我在说什么。

草绘作为设计过程的一部分

许多网页设计师倾向于素描,这使得一个真实的图形风格开始起作用,回想起草图的美学方面:我们有刷子模仿其自发性和轻盈性,更不用说数百种手写风格的字体了在网上找到。由于今天创造了这样的资源,草图风格的布局非常容易,但除了这种使用这种图形样式的设计通常具有一些原创性,使它们具有吸引力并且不受常见的影响。

草图样式,因为它与许多广告素材共有的活动相关联,通常用于自由职业者或希望以图形方式传输此概念的通信/设计机构的网站。无论如何,即使将一些草图元素组合到更传统的图形上,也可以为普通设计提供新的视角。

让我们看看一些网站如何以有效和原创的方式使用这种风格,以及它如何影响其布局的美学和有效性。

Kunal Chhajer

http://www.kunalchhajer.com/

网页设计师Kunal Chhajer的网站完全反映了草图风格的概念。图形轻盈宜人,通过一些设计丰富了原创方式,使布局独特。在导航菜单中使用手写字体时也会调用该样式。所有这些细节都赋予设计设计师想要在其个人网站中表达的创造力。

创意与K.

http://www.creativewithak.com/

在Creative with a K网站中,大量使用草图和涂鸦,只是为了清楚地展示网站的“创造性”。在这种情况下,即使布局的特殊性非常典型,也会使网站变得特别和不寻常,即使很难咨询。

篮球联赛,篮球联赛

http://www.lega-lega.com/

Lega-Lega网站是一个衬衫的网上商店,印刷品有点与众不同,它最终定位于年轻的市场。添加一些草图细节可为网站带来创意和活泼的切割效果。

Beavory

http://beavory.com/

Beavory是以色列插图画家Karen Mack的网站/博客。她的网站风格是故意基于一种风格,以一种明显和原始的方式回忆起她的创作本质。每个细节,从基于不规则线条的布局结构 - 好像它们是用毛毡笔绘制 - 到社交网络的图标完全是一种有效的草图风格。

领结

http://bowtieperiod.com/

Bowtie是一家数字工作室,决定在网络上以创造性的方式代表自己。该网站的动画,以及可爱,不常见的绘画,使布局有吸引力和极度奢侈。他们称自己为“创造性”,为了证明这一点,他们使用素描风格的元素。

MakoMako

http://www.makomako.cz/home/

MakoMako乐队的布局完全是以草图风格创建的,因此页面的相同结构基于一张带有不规则线条的纸张,并且在主页作为设计的一部分,我们发现除了通常的图形细节之外在草图和手写字体,铅笔。乐队的好奇和非常不寻常的表情。

斯坦雪人

http://stanthesnowman.com/

现在几乎是夏天,它的魅力消失了很多,但是斯坦雪人这个网站的图形效果是不可能的。在这种情况下,添加风格化图像和书法字体为布局提供了自发的风格,有趣和非正式。它基于写贺卡追踪活动的概念。

Greenaway Pro

http://www.greenawaypro.co.uk/

Greenaway Pro 2011节日以简约而迷人的方式结合了素描风格和摇滚风格,赋予其布局真正原创的印记。同样在这种情况下,这种特殊图形样式的选择倾向于表现出非正式,自发和古怪的外观。适合举办音乐和冲浪的节日,对吗?

朱利安拉瓦尔

http://www.julianlaval.com/

Julian是另一位自由网页设计师,希望突出自己的图形技能,以非常有创意的方式利用草图的交流能力。当然,不仅如此,这使得他的网站变得特别,甚至是他的绘画的好奇和故意不寻常的性质。与此风格的许多其他网站一样,颜色仅限于灰度,以使插图更加逼真。

小生物

https://www.littlecreatures.com.au/

Little Creatures网站完全采用草图风格设计,由于其草图的独特性,所以很少修补,页面非常吸引人。

Le Carnet Ordinaire

http://carnetordinaire.com/

Carnet Ordinaire是一个类似日记的网站,提供旅行记录,注释和个人注意事项。考虑到场地的偏心和亲密性,草图样式是最合适的:布局基于打开的moleskine的图像,通过草图和风格化的图纸增强。甚至背景也变得更加原始,一些漫画插入不透明度,并且有一支铅笔,随便靠近moleskine。

永成

http://www.wingcheng.com/

Wing Cheng产品组合是素描风格可以赋予布局的全新视角的完美范例。页面结构基于ajar moleskine,页面从中落下。由于阴影框架设计和使用书法字体布局的每个内容,从项目的标题到他们的描述,效果更加生动。但这个网站真正的特点是项目的曝光,也用铅笔勾勒出一种非常有创意的方式。

库兹敦大学

http://www.kutztown.edu/acad/commdes/faculty/

库茨敦通信和设计大学找不到更好的方法来有效地解决创意或有抱负的创意。对于学术现实来说,布局肯定是不寻常的:水彩风格的背景,基于书页的页面,水色的插图,导航菜单的特定字体......所有原创和肯定的表达细节。

丹惠特克

http://www.dannwhittakercreative.com/

Dann Whittaker在他的网站上展示了许多网页设计师常见的图形风格。一种随意而自发的外观,基于书页布局和草图样式中的细节一致使用。在建筑群中,布局非常有效且美观。

切尔诺贝利之心

http://www.chernobylheart.org.uk/

在切尔诺贝利核心网站的情况下,素描风格用于以图形方式突出童年的概念:这里我们谈论的是儿童,我们通过一些复制他们绘画方式的小风格草图来看待它。有效和愉快。

留下j'arrete

http://demainjarrete.stpo.fr

草图样式非常适合呈现在网络漫画和插图上,因此布局在视觉上和创造性上代表了网站的本质。在Demain J'arrete案例中,整个网站都有一个“木炭”图形样式,从背景渐变到包含布局和导航菜单的不规则线条。

自然商店

http://www.natureshop.co.nz/

以明显随意的方式添加几个草图细节,可以为最小和最重要的网站提供特殊的创意触摸。结果,例如在自然商店网站上可见,非常令人愉快。

准备上市

http://www.readytomarket.net/

准备上市的布局是一个例子,说明如何将现代风格与一些风格和漫画细节相结合,可以产生新的刺激效果。

Cou Cou Shop

http://www.coucoushop.ch/

Cou Cou Shop非常好看,令人愉快。布局中最特别的元素之一是毫无疑问的页脚,显示了瑞士的风格化景观。甚至不同角度的包包草图也是一个非常原始的细节。

颠倒的城镇

http://upsidedowntown.me/

丰富多彩,不寻常和异想天开:学习中心Upside-Down Town的所在地投入了很多草图风格的原创性。布局的每个元素,尤其是标题中的元素,都指向图形,草图和颜色的视觉效果,以图形方式和愉快的方式突出儿童的世界。

结论

我们看到草图绘制过程如何帮助我们以创造性的方式处理想法,同时,一些草图如何为我们的布局提供不同的原始视角。当你开始研究一个新的设计项目时,草拟一个习惯 - 不仅是 - 在其他领域也可以非常方便,比如在文案中 - 并且随着时间的推移你会发展出一种灵活的思维方式工作。因此得出结论:关掉电脑,拿纸和笔!

我和你分享了两张个人素描:我现在的作品集草图以及我为这篇文章提出的第一个想法,在一次非常无聊的火车旅行中。

现在,轮到你了,我想看看你的草图!

温州做网站

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP