网页设计, 资源

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

网页设计-教程

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

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

(更多…)

资源

互联网网站元素周期表

今天上网无意间发现了一张很有意思也很有创意的图片——互联网的”元素周期表”。大家在初高中学习化学的时候,肯定都认识那个化学元素周期表吧,Wellington Grey就是根据门捷列夫的化学元素周期表,设计出了这个互联网的”网站周期表”。

这张表中涵盖了大多数非常有名的网站(如搜索引擎、视频网站、博客、新闻网站、企业网站等…),不过基本上都是英文网站,英文不错的朋友可以收藏这张互联网周期表以作英文网站导航,嘎嘎…

互联网-网站-周期表
点击小图查看清晰大图

CSS

使用CSS完美实现垂直居中的方法

  使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由aka Yuhů发明的,这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记,大家有不同意见请多拍砖:

先来看看实例效果Demo

(更多…)

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

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

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

1.UI-patterns

网页设计

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

(更多…)

生活, 用户体验

闲聊一下陈奕迅演唱会的用户体验

陈奕迅-天津-演唱会

  前天晚上和GF一起去看了EASON(陈奕迅)的演唱会,演唱会本身非常精彩,整个晚上全场的观众都很High,原本对陈奕迅没有什么喜爱之情的我,在看完他卖力的演唱以后,也想把自己的Mp3装些他的歌了。

  对于陈奕迅,我没什么可说的,只能用”精彩”形容。但对于演唱会的主办方,我想唠叨几句,你们太不考虑你们的上帝了!观众花了钱买了昂贵的场内票,却得不到同等价值的”用户体验”。下面我简单说两点为什么没有好的用户体验:

(更多…)

网页设计

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

网页设计-教程

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

(更多…)

网页设计

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

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

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

(更多…)