下面是小编帮大家整理的PS网站界面设计教程：杂志网站（共含9篇），希望对大家有所帮助。同时，但愿您也能像本文投稿人“kar痰了ma”一样，积极向本站投稿分享好文章。
这个网站界面设计教程是专门为10Steps.sg写的，我们要兼顾整个页面的美感，在动手设计杂志网站界面之前要做细致地设计规划。希望本教程会为你以后的项目设计带来帮助。
最终效果预览
下面让我们用线框来着手布局。下图就是我们绘制的简单布局，这么做的目的是要确定每个元素的位置。确定主导航栏包含几个部分、以及最新增加的内容在主页面中的展示位置。
下面进入Photoshop，
新建文件，宽960px、高1200px。这对于屏幕分辨率为1024*768的朋友来说是黄金尺寸。前景色设为#85848c，背景色设为#414048. 拉一个径向渐变当背景如下图所示。
新建图层，重命名为“Header”。使用钢笔工具，绘制帽子形状的路径如下图。右击“Header”图层，选择“混合选项”。勾选“渐变叠加”，选择”线性渐变”,把从上到下的颜色设为#242429->#363640。
技巧：使用钢笔工具绘制直线的同时按住Shift键，能保证线的平直度。
【网站界面设计的技巧】
1 尽量使用单列而不是多列布局
单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。
2 放出礼品往往更具诱惑力
给用户一份精美小礼品这样的友好举动再好不过了。具体来讲，送出礼品也是之有效的获得客户忠诚度的战术，这是建立在人们互惠准则上的。而这样做所带来的好处也是显而易见的，会让你在往后的活动进展（不管是推销，产品更新还是再次搞活动）中更加顺利。
3 合并重复的功能而使界面简洁
在整个产品开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块，它无用且降低了电脑性能。此外，界面上模块越多，用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。
4 客户的评价好过自吹自擂
在获得项目机会或提高项目转化率时客户的好评是一种极为有效的手段。当潜在客户看到其他人对你的服务给予好评时，项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。
5 频繁展示你的主旨来加深印象
多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息，这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候，你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。
6 将选项与按钮区分开来
诸如颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品：他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面，你就需要将可点击的元素（比如连接，按钮），可选择的元素（比如单选多选框）以及普通的文字明显区分开来。在下图的例子中，我将点击操作的元素设置为蓝色，选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。
7 给出推荐而不是让用户来选择
当展示许多项服务时，给出一个重磅的推荐项是个不错的做法，尽管推荐的设置无法满足所有用户。这么做是有理论依据的，一些研究已经揭示了这么一种现象：当面临的选择越多时，用户就越难做出决定。所以你可以高亮某个选项来帮助用户做出选择。
8 给出撤销操作来代替确定操作
假设你刚点击了一个连接或者按钮，撤销操作可以让操作流畅自然，这也符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。我还是更习惯假设用户每次操作都是正确的，其实只有极少数情况下才会发生误操作。所以，为了防止误操作而设计的确认窗口其实是不人性化的，用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。
随着技术的进步，网站和网络应用正在变得更具互动性，我们有更多增强用户体验的方法和技巧，。如今“形式追随功能”的理念正变得更加重要。
下面列出的这些网站能够帮你处理界面设计、用户体验(UE)、以用户为中心的设计(UID)、可用性以及任何这方面的问题，我们的目标就是更加完善的用户界面。
1. Boxes and Arrows
Boxes and Arrows提供交互设计、可用性设计和信息设计方面的专业信息。
2. UX Magazine
UX Magazine 主要讨论关于用户体验的话题，诸如层样式设计、程序员的设计技巧等。
3. UXmatters
UXmatters是一个非营利性网络杂志，
本杂志致力于分享有效用户体验技术，为专业人士提供用户界面（UX）资源。UXmatters杂志的议题包括可用性、以用户为中心的设计、Web 2.0应用等等。有的文章在讨论富网络应用对用户的帮助和搜索表单的可用性设计。
4. A List Apart: User Science
A List Apart是最好的基于标准的设计和开发的文章资源，其中的User Science