如何设计网站首页 设计网站首页的7个步骤?

当你在计划设计网站首页的时候 , 不一定要完全依赖电子设备 。学会如何手绘可以帮助提高设计的效率 , 给你更多的灵感 。
设计学院里都会给学生们教授很多基础课程 。毫无疑问 , 很多大型机构或者创业公司都在使用返璞归真的方法来进行设计创作 。无论你是长期涂鸦的骨灰级高手 , 还是刚刚起步的素描小菜鸟 , 能够使用纸张与画笔来进行创作是非常重要的设计技能 。不用担心 。模仿铅笔功能的一些工具也不是盖的 。在这个以设备为主打的时代 , 还是很大的空间来进行简单又能被认可的设计创作 。
实际上 , 我常常听到很多人埋怨设计师们浪费太多时间与成本在使用PS制作精致的方案草图 。手绘则具备更大的灵活性 , 它可以帮助你在缩减成本的同时发展更具原创性的方案草图 。
无论你是在一个大公司工作 , 或是一位自由职业设计师 , 通过手绘草图来与顾客交流都是必不可少的 。
为什么要绘制草图?
手绘草图相对数字线框图或者电子绘画更有优势 。它方便携带 , 简单易懂 , 更具创造力 , 屡试不爽 。没有什么比使用笔和纸更简单直接的表达方式了 。
我发现 , 客户更喜欢在获得信息的同时能够提出建议和进行更改 。使用电子设备制作出来的图纸看起来接近成品 , 这样会让客户失去建议和修改的欲望 。手绘草图则非常随意 , 你可以随意修改 。
这样的线框图看起来文字非常多 , 并且很难通过这个图来表达作品的风格和基调 , 特别是一些照片与视觉上的素材 。你什么时候见过这些大“XX”描述过将要放在这里的图片?
通过速写 , 你可以迅速的将自己脑海中的创意记录下来 。手绘草图是非常有效率的 , 你可以减少在电脑前的工作时间 , 花更多的时间关注于创作 。你只需要卷起袖子就可以找到解决方案 。
这个草图最终会制作成PS格式的电子图片 。你可以看见电子草图与手绘草图布局的相似之处 , 也会发现手绘草图更能表现最终作品的艺术风格 。
使用手绘草图可以减少替代图片的使用(就是那些替代你正式图片用的大叉叉) 。手绘网页草图也可以为你节省购买替代图片的成本 。
这个就是网页的样本 。你看到从手绘草图到最终样本的进化过程了吗?
如何开始?
有一点是可以肯定的 , 那就是熟能生巧 。所以拿起笔 , 操起速写本开始不停的涂鸦吧 。
我发现最好的方法就是在排队或者等待的时候练习速写 , 在你喝咖啡的时候 , 或者在杂货店购物的时候 , 又或者在等火车的时候 。任何等待的时间都可以利用来进行手绘练习 。
画下任何你看到的东西 , 这将会帮助你给在客户面前呈现你的想法 。对每日所见的物品进行绘画可以帮你收集灵感 , 随身携带速写本的话你就可以随时记录下自己的想法 。
随着练习的时间与数量的增加 , 你的手绘将会越来越精致 , 并且会发展成为更正式的绘画风格 。
网页设计师的手绘
在计划制作一个网页时 , 手绘是计划中不可或缺的一个部分 。你可以使用它来进行设计、用户体验测试 , 用户界面元素设计 , 甚至是字体的测试 。
我曾经在几个网页上使用手绘草图的方法来进行项目的创作与制作 , 例如摄影图片和图标设计 。我也曾经使用手绘来解决棘手的用户界面问题 , 例如如何制作能够舒适使用的按钮 。
手绘是进行设计想法交流的最佳工具 。并且客户们也喜欢具有创意的元素 。让他们也加入到这个过程中来 , 你会发现他们也喜欢涂涂画画 。
以前有一个客户对我说过:“我想到了你就可以画出来 , 实在是太神奇了 。”这就是在客户会议中现场手绘的魔力 。
警示!练习 , 练习 , 再练习
Doodlers Anonymous是一个很棒的社区 , 你可以在这里开始练习手绘 , 也可以看到其他人的涂鸦作品的同时发现别人的闪光点 。这同时也是一个分享与交流的好社区 。
要警惕 , 这个世界是很残酷的 。练习手绘也会是很困难的 。如果你不是个绘画老手 , 或者没有准备好绘画的工具…… 那就还是在工作之余多花些时间练习吧 。