ps创意网页界面设计

1、求取一份用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主题。

2、PS怎么简单的设计UI界面

ui设计需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，你这版个情况应该没问题权，编程不太需要。一般流程是这样的，大致5个阶段，PS ，Illustrator ， DW，InDesign都会用到。
第一阶段 UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、Illustrator
第二阶段 移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，Ios系统Android系统Windows phone系统，UI设计实训课程）
第三阶段 交互类（UCD，交互设计高级技术）
第四阶段 流程设计（界面开发对接，流程管理，移动媒体综合开发实训）
第五阶段 综合项目实训及就业阶段（根据所学内容，选择一种移动平台（IOS/Android/Winphone），软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告）

3、做网页界面设计一定要用PS出PSD文件吗

做界面设计当然要保存psd文件，这样便于修改，导出成jpeg就不能再次编辑修改了

4、UI设计和网页美工的区别是什么

UI设计只是网站美工的一部分，网站美工需要学习的内容有UI设计，PS，AI，html语言，javaScript语言等。

网页美工局限于美术设计和页面制作，UI注重交互，用户体验是第一目标。

UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

网页美工需要学习网站概念知识、色彩构成、网页设计中的美学规律、FIREWORKS网页图形处理、FLASH二维动画、PHOTOSHOP平面设计软件在网站设计中的应用、作品设计及点评等内容。

UI设计：UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

网页美工：是精通美学，photoshop（PS），FLASH，dreamwaver（DW）等一网站制作软件的网络人员，必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁，还要适宜后台调用。

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

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

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

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

7、网页界面设计，PS做起来真心麻烦……用illustrator做好不好？为什么？

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

8、怎么用ps做出界面设计？

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

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

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

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

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

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