相关推荐
联系我们/Contact
网页主页 > 网页 >

网页策画:老手教你何如策画好Web首页

文章作者:  发布日期:2019-11-08 05:03

  

网页策画:老手教你何如策画好Web首页

  

网页策画:老手教你何如策画好Web首页

  

网页策画:老手教你何如策画好Web首页

  网页设计:高手教你如何设计好Web首页_幼儿读物_幼儿教育_教育专区。网页设计:高手教你如何设计好Web首页

  精品文档 你我共享 网页设计:高手教你如何设计好 Web 首页 无论是涂鸦高手,还是素描菜鸟,手绘都能够助你提高网页设计效率。通过画笔和纸张 来进行创作依然是重要的设计技能。 今天火星时代与大家分享的是高手教你如何设计好 Web 首页。 实际上,我常常听到很多人埋怨设计师们浪费太多时间与成本在使用 PS 制作精致的方 案草图。 手绘则具备更大的灵活性, 它可以帮助你在缩减成本的同时发展更具原创性的方案 草图。无论你是在一个大公司工作,或是一位自由职业设计师,通过手绘草图来与顾客交流 都是必不可少的。 为什么要绘制草图? 手绘草图相对数字线框图或者电子绘画更有优势。 它方便携带、 简单易懂、 更具创造力, 没有什么比使用笔和纸更简单直接的表达方式了。 我发现, 客户更喜欢在获得信息的同时能够提出建议和进行更改, 使用电子设备制作出 来的图纸看起来接近成品,这样会让客户失去建议和修改的欲望。手绘草图则非常随意,你 可以随意修改。 这样的线框图看起来文字非常多, 并且很难通过这个图来表达作品的风格和基调, 特别 是一些照片与视觉上的素材。你什么时候见过这些大“XX”描述过将要放在这里的图片? 通过速写,你可以迅速的将自己脑海中的创意记录下来。手绘草图是非常有效率的,你 可以减少在电脑前的工作时间, 花更多的时间关注于创作, 你只需要卷起袖子就可以找到解 决方案。 AAAAAA 精品文档 你我共享 这个草图最终会制作成 PS 格式的电子图片。你可以看见电子草图与手绘草图布局的相 似之处,也会发现手绘草图更能表现最终作品的艺术风格。 使用手绘草图可以减少替代图片的使用(就是那些替代你正式图片用的大叉叉) ,手绘 网页草图也可以为你节省购买替代图片的成本。 AAAAAA 精品文档 你我共享 如何开始? 有一点是可以肯定的,那就是熟能生巧。所以拿起笔,操起速写本开始不停的涂鸦吧。 我发现最好的方法就是在排队或者等待的时候练习速写,在你喝咖啡的时候,或者在 杂货店购物的时候,又或者在等火车的时候,任何等待的时间都可以利用来进行手绘练习。 画下任何你看到的东西, 这将会帮助你给在客户面前呈现你的想法。 对每日所见的物品进行 绘画可以帮你收集灵感, 随身携带速写本的话你就可以随时记录下自己的想法。 随着练习的 时间与数量的增加,你的手绘将会越来越精致,并且会发展成为更正式的绘画风格。 网页设计师的手绘 在计划制作一个网页时, 手绘是计划中不可或缺的一个部分。 你可以使用它来进行设计、 用户体验测试,用户界面元素设计,甚至是字体的测试。我曾经在几个网页上使用手绘草图 AAAAAA 精品文档 你我共享 的方法来进行项目的创作与制作, 例如摄影图片和图标设计。 我也曾经使用手绘来解决棘手 的用户界面问题,例如如何制作能够舒适使用的按钮。 手绘是进行设计想法交流的最佳工具, 并且客户们也喜欢具有创意的元素, 让他们也加 入到这个过程中来,你会发现他们也喜欢涂涂画画。以前有一个客户对我说过: “我想到了 你就可以画出来,实在是太神奇了。 ”这就是在客户会议中现场手绘的魔力。 警示!练习,练习,再练习 要警惕,这个世界是很残酷的,练习手绘也会是很困难的。如果你不是个绘画老手,或 者没有准备好绘画的工具……那就还是在工作之余多花些时间练习吧。 如果想找些灵感, 就 常去看看 Worldwide Sketchcrawl, Doodlers Anonymous,还有 Urban Sketchers。在研读绘画 教程和不断在绘画博客上提交习作之后, 你就要想想我是不是已经准备好在客户面前进行手 绘了? 要记住,简笔画是不能打动人的,所以有能力进行手绘是非常重要的一点。也许你需要 花些时间来练习,并想想如何在客户面前展现你的创意。 在手绘设计项目草图时需要提出的问题 首先我会问自己,我了解那些我将会在设计中使用到的东西吗?如果是一个再设计项 目,我会将已有的元素列成清单,并写出顾客们期待看到的新元素。 如果是一个新的网页, 我会参考同类型的网站并对这些网站进行竞争分析, 同时明确用 户们的需要,把这些要点写成清单。接下来,我会询问客户是否有特别喜爱的设计风格。很 多时候客户都有自己喜爱的网站,了解这些对接下来的设计是很有帮助的。色彩搭配、字体 选择、语言风格、视觉元素,还有设计趋势,这些往往会对市场营销造成影响;图片分享、 情绪展板、还有设计“寻宝” ,这些环节都会帮助你了解客户的喜好。 手绘一个设计草图 AAAAAA 精品文档 你我共享 这是我为一个私立学校设计网页是画的草图。目的就是要在充分展现网页布局的同时, 又不浪费太多时间在 PS 的渲染上。 首先,将页面上的关键内容收集起来。我会使用便利贴或者建立一个文档,当然,我还 是会从文字入手, 不过文字只是将最原始的创意记录下来, 这样我就清楚网页上将会出现什 么内容。 第二,我会从不同的创意中挑出一些来进行手绘。一点我有了很棒的点子,我就可以下 定决心完成它, 通常我都会从客户和同行中得到很多反馈, 手绘草图在视觉上是很不正式的, 这样客户会更放心的选择中意的方案来进行下一步的制作。 典型的项目流程 这就是由选出的草图制作成的 PS 成品。你可以看见手绘草图对图片选择的帮助。 大部分的项目,我都会从简单的方形和一些缩略图开始画起。这个过程非常简单,但是 它帮助我为客户、经理和合作伙伴提供很多选择。 当我们开始讨论缩略图和缩略图背后的想法时, 我会将选好的缩略图用粗糙的手绘来进 行表示。 这些草图可以帮助确定网页中内容的主次和页面的布局, 我也会画下照片和其他素 材,用来为按键或者其他图标的排版做准备。在初期我会尽量弄清楚用户想要的是什么,还 有如何安排好网页上的内容,这个阶段是需要合作的。我会将我的草图展示给客户、经理、 团队伙伴们,如果需要,我们甚至会让一些用户来进行测试,接下来我再对草图进行变更和 完善。 一旦草图大致定下来之后,我会画一个正式的线框图,像传统的线框图一样,手绘的线 框图会有具体的内容,文字、图标以及图片。这样我的设计风格以及一些创意就会在这个草 图中得到测试和印证。 我也会使用手绘线框来测试用户界面的元素, 以确保它们能够被使用, 我们会测试所有的方案,有时候也会有产生一些介于两者之间的设计方案。 有些时候,当我需要对客户进行正式的展示时,我会使用墨水而不是石墨来进行手绘。 AAAAAA 精品文档 你我共享 墨水会增加手绘的正式感, 如果要上色的话, 我也不用担心因为石墨的不稳定而模糊了网页 上的界面元素。 最后, 你将会建立自己的设计流程, 手绘最棒的一点就是它使设计变得自由, 你可以随时随地记录自己的创意。 实用的手绘“利器” 一般来说,这些就是会议中互动绘画常用的工具: 钢笔——我很爱用钢笔来画画。当然,这需要有一定的自信,但是你可以随时重组你的 线条,客户也很喜欢墨水的可见性。我最喜欢的笔是 Uni-Ball Vision,它是防水的,你可以 使用水彩来上色。 便携白板——拿一张旧的白板,然后裁成小块,这样就有很多小的便携白板了。你可以 带着你的便携白板从一个办公室到另一个办公室, 也可以与印象笔记一起使用来记录工作和 草图。 大尺寸速写本——不要畏畏缩缩的用小尺寸的速写本来为客户画图。找一个至少 14 英 寸长的本子,这样可以更好的展示你的作品。 活动挂图——活动挂图其实跟便携白板差不多, 都是可以吸引客户的工具。 如果是可粘 贴的,就可以贴在墙上方便长时间的设计讨论。 结语: 作为一个设计师, 最棒的工具就是你的想法。 你快速高效展现信息的能力将你与网页建 设流程中的其他人区分开来。 手绘则可以将你从鼠标和显示器前解放出来, 拥有过硬的手绘 技能的话,设计师们可以即兴创作,并将对话引导向创新的道路上。手绘可以是慵懒的,这 样可以保持项目的亲切感。 赶快握好你的笔,操起速写本,将你的涂鸦变成有市场价值的图画吧,也会让手绘能力 提高一个级别。也有很多的高手直接用 PS 设计或者 DW 直接编写 html,这样会节省很多的 时间,前提是你必须要掌握这些技术,成了网页设计师之后,怎么样设计都行, 只要别人 在浏览器里打开你设计的网站给你点赞,那么你就成功了。 以上就是今天的高手教你如何设计好 Web 首页分享,更多资讯,欢迎登陆火星时 代官网 进行了解。 沁园春·雪 北国风光, 千里冰封, 万里雪飘。 望长城内外, 惟余莽莽; 大河上 下, 顿失滔滔。 AAAAAA 精品文档 你我共享 山舞银蛇, 原驰蜡象, 欲与天公试 比高。 须晴日, 看红装素裹, 分外妖娆。 江山如此多娇, 引无数英雄竞折腰。 惜秦皇汉武, 略输文采; 唐宗宋 祖, 稍逊风骚。 一代天骄, 成吉思汗, 只识弯弓射 大雕。 俱往矣, 数风流人物, 还看今朝。 克 AAAAAA

Tag:

没有了


Copyright © 代办北京网站前置审批: 北京icp sp 网文 医疗前置审批-网站首页 版权所有.

备案号:Copyright © 2002-2017 DEDECMS. 织梦科技 版权所有 Tag标签网站地图 家电维修|北京赛车pk10