注:该内容适合0基础阅读,专业人士可以绕道而行
对于初学者,了解网页拼图还是非常有必要的。
有很多人学网页,处处碰壁,觉得很难,不是没有道理的。
学生学不会,老师有很大责任的。这跟老师的正确引导有很大关系的。
通过拼图,大家可以更好的理解,网页效果图到底是怎么一回事。
学生问:做网页效果图有什么用?
答:房子盖好了之后,要进行装修,我们会让设计师先出一些室内装修的效果图。这样我们就会提前看到房子装修好之后的模样,如果不能满意可以进行随时的修改,减少不必要的改装费用。
做网站也是如此,先设计出网站的效果图,客户对效果图满意了,我们就可以接着往下一步进行设计。如果不满意,可以进行及时的修改,避免二次修改带来不必要的时间浪费。
打开淘宝、百度、新浪等各种门户或企业网站,我们所看到的页面都属于网页的界面设计,他们在生成网站之前,都是一个图片形式的效果图。效果图经过反复的修改、审核,最终做出了现在的页面。
学生问:什么是拼图啊?
答:先去找相关主题的网页效果图,将几个效果图中,对自己有用的部分拿过来,为我所用,在ps中拼出个自己的效果图。这就是拼图。
拼图的好处,在于让学生快速的了解,效果图是怎么做出来的。
它的缺点就是,拼出来的效果图不可能是最终效果图。
学生问:既然不是最终效果图,是不是就没有必要学了?
答:我说了,拼图是为了更好的,帮助0基础学员,了解网页效果图。当你会做网页效果图了。这个阶段,是可以直接跳过去的。
学生问:拼图的时候,需要注意哪些问题?
答:1、先在纸上画出草图
2、找相关主题网页两三个进行拼图(拼图的时候一定要遵循网页的六大组成部分来)。
3、新建图层时候要注意两点。
a.图层的先后顺序 b.分组(按照六大部分来分)
4、页面的色调要保持对齐和统一
5、善用参考线、缩放工具、抓手工具
6、ps新建文件大小,宽度一般为950px—1000px,高度尽量高一点3000px左右,分辨率72。最后页面多余部分可以裁切掉。
7、有两个非常重要的快捷键要记住:
1)alt+shift+移动 复制选区内容在当前图层水平或垂直移动
2)ctrl +J 复制选区内容到新图层
学生问:没有美术基础,能学吗?
答:有没有基础不重要,重要的是有没有兴趣。很多网页做的好的,也都是半路出家。马云做电商之前,是教英语的。现在电商搞的风生水起。千万不要给自己设限。
学生问:这样说的话,网页效果图多久可以学会啊?
答:有效的针对性的去学习的话,拼图几天就够了。网页效果图的学习,要看你付出的时间了。
学习效率高低,决定于方法的正确与否。
之所以在这里插入一个拼图教程,是告诉大家,要先整体后局部的学习。这样会更容易一些。