导航:首页 > 万维百科 > ps网页设计稿

ps网页设计稿

发布时间:2020-09-19 01:18:47

1、PS中网页设计的宽度一般是多大?

网页设计电脑端UI都是1920宽,1080像素高的尺寸设计

2、ps网页设计尺寸

从用户体验的角度来说,你不应该以最大尺寸来做参考,设计页面应该以最小尺寸来做决定;
从普遍用户来说,目前最小尺寸大部分是以1024*768分辨率作为标准来做的,设计师要做的事情就是以最小尺寸来设计,还要考虑到大屏幕显示器的用户的浏览效果,所以你必须要考虑到页面的自动伸缩问题;即使是以大图片为背景的页面,也是会考虑到不同分辨率的伸展问题
作为网页设计师,要尽量考虑到绝大部分用户的浏览需求

3、怎么用ps做网页设计

根据楼主的提问可以把问题分成2块理解
第一层怎么用PS软件设计网页
这个的话,一般你看上好看的网站之后保存为图片格式
导入到PS软件,调整好网页的大小,针对性的地方进行修改便可。
第二层的理解是你不知道怎么把把设计好的网页导出为WEB所有格式。
简单的图片格式的保存为网页格式的话
第一、在PS里面设计好网页
第二、利用切片工具把网页切成一块一块,要想提高页面访问速度的话就切片切的小一点
第三、保存为WEB所有格式 (图片及HTML) 这样的话你直接打开HTML的话
就形成了页面访问的网页了。

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

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

5、关于ps做网页设计的

随便做什么吗?如果是。我这里有几个。

6、在网页设计中如何用PS切图

1、在Photoshop中打开设计稿,如下图:

2、选择工具板上的slice切片工具,大面积的色块单独切成一块,尽可能的保持在水平线上的整齐,切好的图如下所示:

3、在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:

4、接下来在Dreamweaver里建立站点:

5、在图示左边的site name中为站点起一个名字,如example然后在下面的local root folder中选择刚才导出的站点的文件夹:

6、重新制作页面表格,通常在photoshop中直接导出的htm文件是不可以直接使用的,因为有些地方在实际运用时要作调整:

7、根据这个页面表格所示,在新的页面中建立一个三行一列的表格,把cellpadding,cellspacing,border三项值设为0,不然会有空隙,最后选择表格,背景添加图片即可。

7、用PS做一个网页设计图

挺简单的,现在fireworks中做下PSD图,然后在DW中处理一下就行了

我也有现成的,加些分留个邮箱可以发给你。。。。

网站分为好多类型,像个人主页、门户、论坛等,你可以选择其中的一个来做。。如果你是新手的话,那就做个个人主页吧,比较自由,做成什么样的都可以。。。。
如果你的程序搞的比较好的话,那就做个论坛吧、

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

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

9、如何用Photoshop做网页设计

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

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

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

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

10、如何在Photoshop中设计网页的网格

设计网页的网格方法1

第一种方法使用GuideGuide 卡梅伦McEfee建立垂直列。这Photoshop插件被认为是处于测试阶段,但是从我与它的经验的一切工作得很好,甚至有谈GuideGuide 2的发布,其中将包括更多的功能。GuideGuide页面上可以找到安装说明。还有一个使用它的视频教程是由罗素布朗一起在Adobe 。

成立于5秒您的网格

确定利润率列和排水沟宽度,数量。然后点击“创建指南”。

如果你设计样稿的画布宽,做快速的数学运算,使保证金长度要限制你的960像素的网格允许。例如,如果在画布是1200像素宽,然后左,右边缘将每个120像素。


例如12列设置为120像素的20万像素的排水沟和利润率。

您还可以设置基线网格这样,但你最终很多导游。一个更好的选择可能是方法上的一个有特色的的迈克贵金属的方法及工艺视频 ...

方法和工艺的可扩展的基线网格

这里是一个步骤的简要介绍设立一个可扩展的基线网格。

建立网格的基准值,然后创建您的图案模板。基线网格是由领先的正文中(或行高)。例如,如果您的设计的主体副本是在13点Helvetica,在18分的领先,那么你将成立一个18像素的基线网格。

创建一个Photoshop文件,该文件是您的基线网格的高度,填补了底部的像素,并留下其余的像素透明。在这种情况下,画布的尺寸将1个像素宽和18像素高。

“全选”,然后保存为一个新的模式。您可以通过编辑→定义图案...

转到调整图层→模式,并选择新创建的网格图案。

根据需要,调整不透明度。


列和基线网格1的方法的一个例子。

优点

你会得到一个可选的基线网格,您可以使用独立的垂直的柱网。基线网格,可以创建视觉上的混乱,当在顶部的设计样稿奠定。使用这种方法,它可以只在需要时进行切换。

如果你喜欢使用您的网格指南,这是更好的解决方案。

您可以隐藏和显示网格通过一个简单的快捷方式。

缺点

使用垂直参考线来标记文档中的其他元素,可很难,因为你可能会混淆他们与电网。

方法2相比,网格你的选择是不具体或全面(如设置的横向模块的高度)。

数学网格线的确定,不一定会配合像素网格。这意味着你的导游,可以在某些情况下,下降不均,并最终被定位实际像素的中间。

这种方法需要两个独立的进程相比只是一种方法,即将来创建一个垂直和基线网格,。

设计网页的网格方法2

模块化网格模式是所有功能于一身的的网格解决方案 。该工具创建一个垂直的柱状网格和基线网格所有作为一个模式 。采用模块化的网格模式有两种方法 :


除了对Photoshop 的应用程序面板,这也适用于烟花,GIMP和微软Expression设计 。请注意,您必须有最新的软件(Adobe CS5或等值的其他应用程序之一中)和本小组的互联网连接工作。话虽这么说,如果您已经创建了一个模式,并将其保存在资料库中,然后你就可以访问它,而无需任何其他 。

Web应用程序
浏览器,Firefox,Safari和Opera。Web应用程序使您可以创建一个网格模式和所有格式的浏览器直接下载 。

无论你选择,随便挑一个模块的宽度,排水沟宽度和基线数量,以及模块化的网格模式,没有休息。您也可以指定一个水平模块的高度。

与ps网页设计稿相关的知识