网页设计, 资源

220个漂亮的免费Photoshop图层样式下载

网页设计-样式

  Photoshop图层样式一直是一种很常用的提高平面/网页设计效率的工具。今天暴风彬彬向大家推荐220个Photoshop图层样式,可以说是对网页设计有很大的帮助,可以大大提高工作效率。你可以将它们应用到标题栏、导航栏等需要各种质感的网页设计区域。其中有很多图层样式是很适合当今Web2.0时代的应用的,还等什么,快收藏起来吧!

(更多…)

网页设计, 资源

精选31个网站界面设计实践教程

网页设计-教程

  设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师,他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台,更不用说高质量免费教程了。

  如果您打算建立自己的个人网站或者重新设计您的博客的主题,现在看来已经不是很难了。这要感谢那些慷慨的设计师和撰稿者们,现在互联网充满着各种很棒的教程来帮助你逐步建立自己的网站界面及导航。这篇文章只是让大家浅尝辄止,更多的学习资源大家可以自行寻找。我们以前曾发表过40个非常棒的网站界面设计PHOTOSHOP教程。而今天让暴风彬彬和您一同分享这31个网站界面设计实践教程吧。

(更多…)

用户体验, 网站可用性, 网页设计, 资源

推荐20个关于网站可用性及界面设计的网站

  随着技术的进步,网站和网络应用正在变得更具互动性,我们有更多增强用户体验的方法和技巧。下面列出的这些网站能够帮你处理界面设计、用户体验(UE)、以用户为中心的设计(UID)、网站可用性以及任何这方面的问题。如今“形式追随功能”的理念正变得更加重要。我们的目标就是更加完善的用户界面。

1.UI-patterns

网页设计

  UI-patterns是一个顶级用户界面库,收集展示了一些改进过的设计模型,比如验证码帐户注册导航标签等。

(更多…)

网页设计

网页设计教程:使用Photoshop设计一个高档时尚的网页

网页设计-教程

  前几天暴风彬彬在译言看到一篇关于如何设计网页的译文,教程以Step By Step的方式详细的讲解了如何从无到有设计一个时尚的网站页面,设计工具使用Photoshop,读者既能学到网页设计的一些理念有能学到一些Photoshop的网页处理技术。即使是网页设计高手,也能从中领略到当今国外比较流行的Web设计风格及元素。该教程分为设计成效果图和使用XHTML及CSS制作成网页两部分,以下是设计教程部分。感谢maidoumao的辛苦翻译。

(更多…)

网页设计

视频教程:非常酷的3D效果网页设计

  昨天暴风彬彬在国外网站无意中发现一个不错网页设计视频教程,这对于网页设计新手来说时刻非常好的学习教程,对于那些对外国网页设计风格感兴趣的设计师也是很好的补充。所以暴风彬彬把这个视频发上来,跟大家分享一下。

  这个视频教程是关于如何设计一个有3D效果的网页页头,其实这个教程的关于如何处理好网页的光线质感方面也是很值得借鉴的,好了不多说了,大家看教程吧。虽然后英文解说,但就算听不懂,作为设计师的你也大致能明白作者的意思。在暴风彬彬会提供一个图文教学的链接(英文),感兴趣的话可以看一看。改天我有时间会翻译出来的。

(更多…)

用户体验, 网站可用性, 网页设计

四种影响网站可用性的网页设计例子

  本文是雅各布·尼尔森开办的互联网设计可用性应用专业网站上登载的一文,用四个失败的例子讲述了四种网页设计上常犯的错误,这四个例子很好的解释了怎样的设计会使网站的可用性及用户体验变得一塌糊涂。相信对喜欢网页设计和关注网站可用性用户体验的朋友会有帮助。

  不合适的内容,坏链接,糟糕的导航系统,不清楚的分类……哪些最影响商业成绩?以下的例子里,不合适的内容荣列“浪费企业最多金钱”榜首。

  每年,不论在专业研究还是日常生活中,我都看到几千个设计上的错误。就像中了丹·诺曼的诅咒一样,半数的网页设计让我看了就感到生气:为什么人们不能按着丹 20年前就告诉他们的那样去做?

  然而,网页设计者们也没有按照我 13年前说的去做,这就是让我大为吃惊的原因。下面罗列的几个近日遇到的最蠢设计算是我最近的小小收获。

没法提供信息的链接:《纽约时报》

nytimes.com 网站在每一篇文章下面都放了一个链接:

网站可用性-研究
点击可查看清晰大图

(更多…)

网站可用性

提高网站设计可用性(有效性)的10条原则

  决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。

  我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。

网页设计有效性原则

  为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的。

用户是怎么思考的?

  通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接。事实上,页面的绝大部分,他们根本不看。

  许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击。如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索。

  • 用户看重质量和信誉。如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量。内容重于形式。
  • 用户不是阅读,而是浏览。用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容。

    web-可用性-有效性
    用户不是阅读,而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。

  • (更多…)

网页设计, 资源

推荐3个网页设计在线配色网站

网页-配色

  对于网页设计师而言,每个网站的设计都需要一套最适合它的配色方案,配色方案的选择关系到整个网站的成功与失败。你会不会因为苦恼于一个很急的网站项目的配色方案迟迟没有确定,而抓狂呢?下面暴风彬彬要向大家推荐三个国外的在线配色方案网站,也许会对你的设计工作带来很大的帮助。配色方案也可称为调色板,网站会为你提供各种风格的调色板来应用于不同风格的网站,其中肯定会有适合你目前着手的项目或你的喜好。

(更多…)

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(下)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天暴风彬彬将继续赏析国外漂亮的页脚设计、存档页设计。您还可以浏览之前的侧边栏设计、日历设计和标签云设计赏析

;

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

页脚

  相比使用侧边栏,网页设计中一个普遍流行的方式是在页脚位置放置补充信息(比如导航、分类列表、缩略图等)。如果使用页脚而取代侧边栏,那么页脚将能为页面的主要内容提供更多的空间;而且它还能为页面的底部创建漂亮的锚。在这里我们能看到在网站中被定义为“楼底”的页脚。我们还能了解到一些放在底部内容区的“伪页脚”。

  这里面有一些实例我们曾经在之前侧边栏介绍中看到过,它们双重推荐!

现在一起来讨论一下页脚吧…

第一个:Viget Labs Inspire.

页脚设计
点击缩略图查看大图

(更多…)

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(上)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天的第一部分将赏析国外漂亮的侧边栏设计、日历设计和标签云设计。下半部分将赏析页脚设计、存档页设计和总结。

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

侧边栏

  网站最普遍的一个显示分类列表的地方是侧边栏。这些列表可以代表性的分解成按类别的列表和按日期的列表,有时还会包括那种更新列表、日历或标签云的形式。

首先来看看Szabolcs Bakos的网站,New Concept.

侧边栏设计-newconcept
点击查看清晰大图

(更多…)