网页设计

推荐95个极富创意的单页网站设计实例欣赏

推荐99个极富创意的单页网站设计实例欣赏

  今天彬Go将向大家推荐95个极富创意的单页网站设计,随着网络带宽的快速提升,越来越多的Web视觉设计师开始将自己的网页设计推向单页面的表现形式,他们在不断的尝试各种令人耳目一新的设计方案,像下面的这些例子有很多都是出自个人网站,使用JavaScript来实现单页面内的内容切换,想理论上的幻灯片效果应用于整个页面的滚动播放,不但新颖富有创意,而且能提高很大程度的视觉冲击力!也许这种设计趋势将慢慢的蔓延到世界的各个国家,但在中国也许真正普遍应用还很困难,不单单是因为带宽远不及外国,还有审美观念的差异。8过作为设计使得你肯定会被下面这95个网站杰作吸引的…
Read More

网页设计

22个Photoshop网页设计教程网站推荐

photoshop-网页设计-教程

今天彬Go要向大家推荐一些非常棒的网页设计类教程网站,这些网站都会经常更新一些优秀且高质量的Web界面设计教程。如果你热爱网页设计并且经常搜集各种界面设计教程,那么你一定要把下面这些网站收藏起来。

Read More

CSS, HTML, 很久以前的工作记录, 网页设计

近期作品:麻将电视赛官网UI设计+前端开发

天津麻将-电视大奖赛-UI设计-前端开发

今天展示一下五月底用4天时间完成的一个小项目,天津麻将电视大奖赛的专题官网UI设计+前端开发。这个项目要的很急,呵呵,所以非常非常赶…界面方面可能还有很多不如意的地方,但是网页的前端代码我是在既追求效率又追求质量的基础上完成的。这个项目的交互原型和详细需求不是我出的,所以内容结构和内容量、布局等不是我能大规模修改的。我只能在原型的基础上进行创意设计和修饰配色等。

Read More

CSS, 很久以前的工作记录, 网页设计

展示:大学时期做的第一个xHTML+CSS项目

彬Go-xHTML-css-作品

今天我要向大家展示一下我早在大学三年级时为学校的心理咨询健康中心做的一个网站,呵呵,也许大家会纳闷为什么现在拿出来展示?因为我从毕业工作到现在已经一年了,想把当初自己为之骄傲的作品拿出来让大家拍拍砖,也是给自己一年的努力做一个对比,过两天我会再发一个近期的UI设计+前端项目作品,就是想总结一下从我开始学UI设计和CSS到现在到底都有哪些进步,也希望大家多多拍砖,但恳求手下留情,嘎嘎嘎~~
Read More

CSS, 网页设计

CSS Sprites(CSS图像拼合技术)教程、工具集合

css-sprites-教程

今天彬Go将向大家推荐目前为止最全的CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合,该集合是有一位国外设计师收集整合,并由 oncoding翻译成中文的,感谢他们的辛苦贡献。CSS Sprites技术在国外并不是什么新技术,只不过近两年(尤其08年开始)中国开始流行这个词,大家也开始越来越关注CSS Sprites这个没有标准中文翻译的技术。CSS Sprites这个词如果直译的话是”CSS精灵”的意思,它显然无法表达其技术的内涵。通常我们把它叫做CSS图像拼合技术,当然还有人把CSS Sprites叫做”CSS贴图定位”。无论怎么叫,它的技术核心是不变的,下面让我们来了解一下这篇CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合吧。
Read More

CSS, 网页设计, 资源

Web UI 设计(网页设计)命名规范

Web UI 设计命名规范
最近工作实在是繁忙,所以好久没有更新自己的博客了,实在是对不起各位读者。今天好不容易闲下来半天,所以和大家分享一下我之前总结的一套Web UI 设计命名规范,也就是网站用户界面设计(俗称网页设计)命名规范。

这套规范并非单纯的CSS、html或JavaScript命名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了,有点罗嗦,吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有一个原因就是网上大多命名规范都是关于编码的,也就是那些css、html、js和一些服务器端语言的,至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员,而且前端开发工程师是要使用设计师的效果图源文件的,所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。

这套WebUI设计命名规范总结自我的一些Web设计经验和国外设计师的命名方式推荐。
Read More

网页设计, 资源

30个运用纸类元素网页设计的创意实例欣赏

网页设计-实例

将纸的材质融为设计元素现已成为当今网页设计最热门最流行的设计趋势之一。网页设计师可以使用纸屑、硬纸板纹理材质、笔记本和记事薄构成有趣而复杂的设计。今天,彬Go将带您一起学习国外30个优秀的纸类元素网页设计实例。通过这30个网页设计实例,您将了解到如何将纸类元素使用在网页中的各种组成元素中,如背景图、导航菜单、内容区域以及其他网页元素。希望大家能在这30个实例中找到更有创意的灵感。
Read More

网页设计

网页设计趋势之:星空和极光效果

网页设计-趋势-教程

今天彬Go将和大家一同分享Web设计新趋势中的又一新颖元素,那就是星空和极光效果,首先引领这个网页设计趋势的时苹果Leopard OSX,它的极光/星空效果让人眼前一亮且深入人心,深深的吸引了大量从事Web设计工作的设计师们的眼球。如果将这种简单的星空或极光设计效果添加到你的网站、博客的背景图或页头中,马上会令富有新的生命力!

下面我们来一起欣赏一下彬Go为大家收集的20个使用了星空/极光效果的网站吧,最后还会为大家加提供一些该效果相关的网页设计教程。
Read More

CSS, 网页设计, 资源

30个基于CSS的导航和按钮优秀设计教程

css-导航菜单-教程

在当今标准的Web设计中,CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计,彬Go为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程,通过这些教程,您可以在您今后的项目中更方便的直接使用或参考,当然也可以用作平时的实践练习。希望大家能从中学到些什么。
Read More

CSS, JavaScript, 网页设计

70+漂亮且极具亲和力的导航菜单设计推荐

网站可用性是任何网站的基本要素,而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航,那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。

下面彬Go要向大家推荐的50款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意、界面对用户有好的,且完美的与网站的整体风格融合在一起。

1.基于CSS的导航菜单设计

Loodo
让网站更有感觉的华丽的菜单

CSS-导航-实例
Read More