【基础】网页设计的基本参数设置
cs5吧
全部回复
仅看楼主
level 9
学photoshop有个作用就是可以用来搞设计,其中有个部分就是web网页的设计
Photoshop其实就是一个软件,用多了就熟了,至于一些技巧可以搞本基础书或者一些教程来实现。本人也是新手,重点花在了前端代码上去了,所以设计只懂一些最基本的,这里总结下自己设计web网页时的一些经验,新手参照,高手绕道,有问题可以在线提出来,有问必答。
2013年12月30日 13点12分 1
level 9
1. 首先
作为web网页设计工作者,必须要懂一个词“屏幕分辩率”。
分辨率:就是屏幕图像的精密度,是指显示器所能显示的像素的多少。分辨率直接影响到网页在电脑屏幕上的显示。
比如一个网页你用大屏幕电脑打开和用小屏幕电脑打开所看到的效果是不一样的,有条件的可以实验下,打开一个网页,然后更改电脑的分辨率,这样将会很明显的感受到网页的变形。方法如下图所示:
http://baike.baidu.com/link?url=oqWpWQK6qR3N07lhYnYZkaE5wUVywfNDgG3VkPvIKMmiLbeSAxuyczW9mRII1zPm(百度百科“分辨率”)
2013年12月30日 13点12分 2
level 9
关于电脑屏幕分辨率:在桌面上右键——找到屏幕分辨率——打开即如下图所
显示器分辨率很很多种:
800*600、1024*768、1280*960、1600*1200、
1366*768、1440*900、1920*1200、1920*1080……..
这么多的种类尺寸,要想每一个都很完美的实现显然很难
但是根据很多人的经验总结,加上使用用户数量的统计,一般设计的页面宽度显示尺寸为960px的是可行的。
(关于电脑尺寸,分辨率,推荐阅读:http://www.lihengyu.com/blog/4628.html
2013年12月30日 13点12分 3
level 9
懂了分辨率是什么了,下面可以对网页进行设计了:
新建一个图像文件,参数设置,如下所示:
网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计,本人喜欢把psd的图片大小设置为自己电脑屏幕的大小。
如上图所示分辨率即为本人电脑的分辨率,:因此即预设为:宽度为1366px,至于高度高一些没关系,随意,比如1500px等(具体视网页的内容多少来定)
做网页的话用RGB模式 ,8位分辨率:设置72即可,这里因为设计图主要是在屏幕上显示的,并不需要打印,缩放什么的,因此设置多少无所谓。(如果你准备彩版印刷或是冲印成照片,那么最好是300像素点/英寸。如果作为报纸图像,150像素点/英寸就好) 颜色模式:设置为RGB的,位数8位,默认的即可其它的默认即可
2013年12月30日 13点12分 4
level 9
好了,一个网页设计基本雏形已经出现了,现在要做的就是对于里面的细节进行设计了
至于设计就不多说什么了,本人也是战斗力为负的渣渣。。。
如有对前端有兴趣的可以一起交流交流
2013年12月30日 13点12分 5
我对前端很感兴趣,能不能交流下
2015年04月21日 02点04分
回复
����38
:有什么问题你可以问啊,有空、知道的就答[花心]
2015年04月21日 06点04分
level 9
--------------------------------终结-----------------------------------------------
第一次搞这教程,将就着看吧,不喜绕道
@deg鬼鬼
2013年12月30日 13点12分 6
level 11
水完再看[滑稽]
2013年12月30日 14点12分 7
level 11
我都不知道分辨率[委屈]
2013年12月30日 14点12分 8
level 11
不错
2013年12月31日 01点12分 9
level 1
PS学习交流群:15876940 每天视频讲课,老师解答,每天更新教程,喜欢的朋友请进群学习
2014年02月18日 08点02分 10
level 9
感谢分享,帖子已收藏
2014年12月16日 21点12分 11
level 1
嘻嘻,你引用的内容和网址,是我的个人网站(李恒宇)。谢谢分享。
2014年12月18日 14点12分 12
哈哈,正主来了[大拇指]
2014年12月20日 06点12分
回复 低调的猥琐大叔 :[呵呵]
2014年12月22日 01点12分
level 9
。。。。。。。。。。。。。。。。。。。。。。我不知道怎么评价这个文章。
2015年09月21日 08点09分 14
淡定。。我已经转行做前端了[哈哈]
2015年09月22日 04点09分
1