导航:首页 > 万维百科 > 如何用ps做网页设计

如何用ps做网页设计

发布时间:2020-11-05 11:49:39

1、如何用photoshop进行网页制作

HTML+CSS+JS,这是广义上的网页三元素,HTML负责骨骼,CSS负责血肉,JS负责行为动作。其中浏览器中表现的画面约等于(html+css),但仅仅拥有他们是表现不出设计师们大脑中天马行空,不拘一格的想象力的,因此才引入了PSD作为设计稿。
这就好比,你完全自己DIY一个高达,你需要先有一副高达图片(PSD),再通过图片中的表现自己搭建支撑的骨架(HTML),再用各式喷漆、马克笔(CSS)去勾画、完善细节。

那么回到问题上来,怎么用PS做网页?假定adobe体系中,PS永远只能设计网页,而Dreamweaver才能制作网页,但是依然要你自己根据设计去解构设计然后划分网页骨架,具体到html上就是根据不同的页面表现来写Div标签,制作Button按钮,用CSS控制他们的大小和位置以及表现。更进一步的话,大部分前端会手写html和css代码,因为DW有各式包括启动速度,冗余代码之类的问题。

至于响应式,这又是基于成型的html以后另一个话题了,但还是html+css,只不过通过UA检测来适应不同终端的不同展现。

2、如何用Photoshop做网页设计

如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局!
另外会做网页效果图,代表你的设计能力。用dreamweaver直接做的后果是边想边做,容易把设计思路搞混了!
据我所知,这样的教程基本没有。因为做网页效果图只要基本的操作,有时从别的网页截一块下来处理一下,直接用到自己的效果图上。

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素,但是更多的是学习。
你可以从模仿别人的稿子开始,渐渐的融入自己的东西。

http://www.68design.net/
这个站每天都会有新的酷站收藏,也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。

要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。
是否可以解决您的问题?

3、网页设计中可以用PS做什么

按钮什么都可以做,不过除了PS,网页设计,建议也学学AI,结合PS,处理图片。

4、用PS做的网页设计如何做成动态网站效果

用PS做的是效果图,需要前端开发人员编写代码才可以在网站上展示出来。
简单来说,在PS里做好之后,需要切图。把图片切割成适合在网站上浏览。
切图时需要把文字分离出图片的要处理好。
切好图片之后,需要用html结合JavaScript等知识编写代码。
这样写出的页面还只是静态的网站。
如果想要做成动态的效果,还需要搭建后台,连接数据库等。

5、photoshop在网页制作的作用

首先,做网页设计为什么要使用photoshop,photoshop是一个图形图像处理软件,而且是可视化的操作,可以让设计师更方便的进行操作。那有人会说Firworks可以设计网页吗,答案肯定是有的,因为Firworks也是图形图像软件,只是根据个人的操作习惯了,另外一般Firworks给人的印象是一个只会做GIF动画的软件,可能是对软件的偏见吧,现在绝大部分做网页设计都使用PS。从软件的角度来说,PS的功能会比FIR要强大许多!

从软件的界面的设计,到软件的实用性,以及特效的制作上,都有着不可超越的特性,而且photoshop还在不断的升级过程中,现在最高的版本是CS6,它不仅仅可以实现网页设计的制作以及平面设计效果图的制作,还可以制作GIF动画以及3D效果图!

做为做网页设计的平台,photoshop起着至关重要的作用,做网页设计,首先必须要有一个自己足够熟悉的平台,而且在操作上要有效率,后期做网页设计,效率是一个非常值得关注的问题。

6、PS做网页设计画布大小怎么建?

全屏最大是宽1920px
主流都是做1440px
高不限,看你做的内容
分辨率都是72dpi
最后就是不管你做哪一个尺寸,主要内容、图片都要放在1000px内。
请采纳,谢谢。
不懂的再问我。我就是做网页设计的。

7、用photoshop设计网页怎么转换成web格式啊

打开photoshop格式图片,然后依次执行:文件-另存为-选择保存类型为WEB格式-确定保存

8、如何用photoshop进行网页设计

你是想要在原来的设计下面加上一块空白,那可以选择“图象”-“画布大小”,在弹出的对话框中,先设置定位,如果在下面加长就点击向上的键头,这样就会在原图的下方加入空白,现在再输入设定高度数字就OK了!

9、PS网页设计尺寸设定

这是我在站酷网上看见的一片文章,不知道原文在哪里,若是作者看见了,不让弄上的话,通知我,我可以删除。

10、用Photoshop做网页设计图的教程有哪些

photoshop是处理图片的软件,并非做网页的。
网页需要格局,代码等。如果只是拿PS做一张图,再用firework去隔,会很简单,很枯燥的。
再学学dreamweaver

与如何用ps做网页设计相关的知识