导航:首页 > 万维百科 > ps如何设计一个网页界面设计

ps如何设计一个网页界面设计

发布时间:2020-12-08 20:13:12

1、怎么用ps做出界面设计?

1、打开ps,新建一张790*400的画布。

2、Alt+Delete 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式。

3、选择圆版角矩形工具,权创建 250*90圆角半径2像素 的白色圆角矩形,并为其添加图层样式。

4、到此为止的效果如下图。

2、如何使用 Photoshop 设计的软件界面

建议首先用ps将网页页面设计好,然后用ps切片工具把图片区域切分好,再着就是把ps转到内adobe
imageready
,然而后按citl+s将图片存为容gif和hmtl格式,这样图片就会自动切割好组合成表格制作的网页,很方便!不清楚的可以qq上问我

3、推荐一本关于网页界面效果设计的ps书籍?

其实你不需要买书的,要做页面效果设计首先你得会PS和dreamver,还有FW,这些你都学习一下,然后多看看别人设计的页面。相信这些基础的学好以后你对页面效果自然有一个新的理解!如果你要决定从事网页美工方面的建议你还是都学学,而且要精通!

4、网页界面设计,PS做起来真心麻烦……用illustrator做好不好?为什么?

好 ,各有各有优势,有些功能AI无法实现或不方便实现,有些功能PS无法实现或不方便实现
取决于你对哪个软件熟悉

5、请问,在ps里面怎样做UI界面设计?

那些图片的链接不是在图片里加了什么代码,而是在网页中加了链接代码。
举个内例子,你在容你的网页里加这个代码看看:
<a href="http://www.baidu.com"><img src="http://www.baidu.com/img/logo.gif" width="174" height="59" border="0" /></a>
把URL链接和IMG链接改下就行了。

6、求取一份用ps cc设计的web网页和移动界面设计的视频教程,谢谢

1、首先需要创建一个新文档,大小 1200*1172px,背景设置为#efefef

2、使用矩形工具,在所创建新的图层内一个大的灰色矩形,命名“Grey”,大小1200*62px。

3、为这个Grey矩形添加如下图层样式。

4、在Grey图层上方再新建一个图层Image,再该层添加另一个形状,但这次我将使用圆角矩形工具。加入选择一张如下图漂亮的梦幻图片。

5、对这张梦幻图片,添加一些图层样式,如下。

6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。
我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc

7、现在我们做一下小颜色块上的高光效果。
创建另一个层(按CTRL + SHIFT + ALT + N),在高光层内,添加白色到透明的径向渐变。

8、调整该高光层的混合模式为叠加,同时改变不透明度为50%.

9、复制该高光层到每个颜色图层上方。

10、接下来做导航部分。
在网站布局的顶部,将创建一个新的矩形。

11、对该层使用下面的图层样式。

12、创建一个小圆椭圆工具,直径22px。

13、对这个小圆,添加下面的图层样式。

14、现在进行圆形的重要的调整,删除圆形下半部。有两种方法:
①、首先需要右键单击层在你的图层面板中,然后使用矩形选框工具选择的下半部分的圆圈,按键盘上按上删除。
②、另一种方式是栅格化的该圆形路径,使用橡皮擦。

15、为导航添加Icon。
这个导航样式适合比较简约版Icon,并做出凹陷进去的图层质感。

16、对于所有这些Icon,添加下面的图层样式。

17、在Icon之间,加入一些垂直分割线。

18、分割线设置如下的图层样式。

19、下一步是为网页加入Logo。

20、使用圆角矩形工具,在Image图层底部添加另一个的形状。

21、为该矩形添加下面的图层样式。

22、使用椭圆工具继续添加一些小圆形。

23、在颜色矩形右上方,使用椭圆工具绘制一个圆形。

24、选择圆形图层,创建剪切模板。

25、对于这个白色图形,添加下面的图层样式

26、复制该样式,到每个颜色框的右上方,并保持相同的空间比例。

27、然后添加另一个图标,和一些标题文本。

28、继续完善内容,注意正文内容较多时,要文字比例比较小,同时采用与标题字颜色反差,这样能突显出Title的醒目性,并在其间加入横向分割线。

29、最后一个步骤,添加另一个文本与横排文字工具。

30、这是最后的结果。希望你会喜欢它。
您可以使用该Web布局,加以细微的修改,使得它成为另一个Wordpress主题。

7、如何将PS设计好的一幅完整的产品图片做成可以在网页以点击不同的图片进入到产品的详细界面

把图片放到网页中加个超链接,链接到那个详细界面的地址就好了

8、关于设计网页的基本界面(用photoshop部分),有一些什么基本要求,比如文字像素,整个页面像素等等。

上面几人的回答取其共同点,基本把这两种软件的特点说出来了。我做服装设计已经8年了,其实对于真正的设计者来说,不同的设计软件都会有使用的需要,不能笼统的说哪种适合做服装,哪种适合做建筑。拿服装设计来说,我会碰到有些客户给你一个款式的衣服,让你在电脑上帮他换成不同的颜色,这样可以省下打样的钱,现在这样的客户越来越多。有些客户,只要看颜色,因为他们可能要做大货,需要一个一目了然的效果,那么选择coreldraw是不错的,因为在形状和调色上,coreldraw都有许多专门的模块,使用起来比其他软件要方便。如果有些客户是做门店的,那么他会要求看到质地,这样用photoshop相对会好一些,因为photoshop处理出来的相对有一点厚重感。这是你提问的两个软件,服装设计还有很多的软件,甚至于有时大公司会有自己的编程员设计一些小工具。我自己就设计过一个对那些服装花样很大很复杂的服装的一种扣色工具。其他软件也有很多,关键看你哪个能够使用的自如,而并不是一定要讲哪个软件最好,如果有个绝对的好差的话,那么不是所有的设计师们都应该用统一的软件啦。这和你问哪个牌子的车比较好是一样的,适合本人才好。
最后也要补充一点,所有的软件一般都应用于改样式和普通衣服的打样,真正的时装设计是要用手画的,软件在线条的处理上怎么也不会强过名设计的手。

9、刚学完网页设计,想用ps设计个网页界面,可不知从何下入手

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
开始不知如何下手的话,可以 下些模板 模仿人家的做,
培养下美感 , 有一定 基础了 在自己设计 ...
多做多练 就好了 现在 一般都是 用表格和 DIV 做
反正不论哪种 都可以,

10、怎么利用ps设计一个pc端的主界面?

打开ps,新建一张790*400的画布。 2、Alt+Delete 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式。 3、选择版圆角矩形权工具,创建 250*90\圆角半径2像素专 的白色圆角矩形,并为其添加图层样式。 4、到此为止的效果

与ps如何设计一个网页界面设计相关的知识