ps中怎样网页设计和网站策划

2017-11-11 15:50 24 1 收藏

怎样在ps中进行网页设计和网站策划?下面是关于网页设计和网站策划这个领域做一些专门介绍,不同的阶段需要做什么。精彩的内等着你来阅读。还在等什么快点来看看吧!

【 tulaoshi.com - 网页设计 】

    在初学阶段,都倾向于使用Photoshop进行设计和图片切割,然后直接输出为html的网页文件,可以直接在浏览器中查看。这种方法的优势很明显,那就是简单易行,不需要你具备网页基础知识就可以完成网页制作。但缺点也很明显,页面结构单一死板,缺乏灵活性,修改时往往牵一发而动全身。对其中一个小部分修改也要整体重新输出一次。因此只适合用来制作单页的,基本不再需要修改的网页。一些单页的设计稿,如海报等,本来就没有多少内容,将来也没有什么机会修改,就可以采取这种方式直接搞定。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/wysj/)

 3.jpg

    在熟练阶段,不再以html的形式,而只是单纯输出各个图片,然后在网页制作软件中,利用网页元素进行重组。在我们教程网站上GoLive基础视频教程中的方法就属于此类。所谓网页元素就是表格、背景、浮动层、CSS样式等。通过这种方式制作出来的网页,就具备灵活的布局,方便修改。并且可以很好地与数据库及编程人员进行工作交接,由他们完成网页中与数据库和脚本相关联的动态部分。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/wysj/)

timg_meitu_22.jpg 

   在大师阶段,就不再以Photoshop进行布局设计,完全使用网页制作软件,以网页元素来构建所需要的页面。我们的教程网站就是按照这种方式在GoLive中建立的。这种网页及网站的风格一般都较为简明,专注于内容的传播,没有过多的装饰。此时大家应该是具备非常丰富的网页制作经验,且具备良好的网站策划能力,能判断在整个页面中,哪个栏目重要哪个次要,并在布局上适当分配,较好地引导浏览者。到了这个阶段,就基本与Photoshop无关了,只有在遇到一些需要处理或需要制作的图片时才偶尔使用。

 2_meitu_23.jpg

    在我们的后续教程体系中,关于网页设计制作的内容就是按照上述的三个阶段进行。一开始并不涉及其他软件,重点讲述Photoshop的使用。虽然名为初学,却是通往更高阶段的必经之路。而在以后Photoshop的比重就会下降,逐渐淡出,重点转向讲述网页制作软件的使用以及整体的策划思维。这样大家就能同时具备平面设计和网站策划两种能力,虽然实际上它们分属不同领域

来源:https://www.tulaoshi.com/n/20171111/2765512.html

延伸阅读
标签: Web开发
如何搭建完整的网站架构并设计出一个出色的网站?关于这个问题,我们很难提出一个绝对权威和正确的设计思路,但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请网站设计专业人士,自本期起进行为期5期的连载,分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面,详细阐...
一、架构设计和流程设计 我一直追求简单而高效的设计,尤其欣赏臭鱼这一篇文章《为产品结构的设计,为用户任务的设计》。他用图1很好的诠释了这个观点:首先要保证产品逻辑结果清晰、准确,其次要为用户任务架起一些快捷操作的桥梁。 图1 产品结构设计和为用户任务设计的关系 好的流程设计能使产品具有更清晰的架构,更良好的体验。我的...
Zee Me In Motion The Official Twitter Developer Conference Make Photoshop Faster Biz Break Bills Merge Glitch Stack Overflow Hull Digital Live Electric Pulp Mark Boulton Design Objectified Black Estate Take Shape Oliver Kavanagh Denise Chandler Al...

经验教程

410

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部