sunbbon

sunbbon

在设计师和程序员之间游走,代码写的不比程序员少,细节做的不比设计师少,这就是咱们要做的事。

网站欣赏

50个自然风创意网站设计

吸取来自大自然的灵感,用天然的素材点缀设计网站风格,不仅可以给用户一个亲近的感觉,而且可以让网站与众不同,给用户深刻的视觉印象。下面就是50个自然风的网站设计实例,在炎炎夏日,你能不喜欢这样心旷神怡的自然风嘛! 84colors Ecoki Envira Media Crepes Tapada Nacional de Mafra Mad Monkey Beautiful E-mail Newsletters OdNowa Imprimerie Villière Kirdan Green Cabinets SourceBits Mathieu Furnon Dot Com Infoway Creative Glance Les Sorbiers Nepal Homestay dsignz media Poziteeve design Fleuriada L’eco-Blog Lake Oconee Builder

ShowCase

35个纸质网站创意设计欣赏

本文为你整理介绍35个纸质网站创意设计,对纸质素材的不同处理方式,可以为网站增添无限的创意效果,赶紧来欣赏吧。 FT Designer ↓ Noel Design ↓ Lokalisten Sprechblase ↓ Projekt System ↓ Sibling Rivalry Wine ↓ Campus Crusade ↓ Literary Bohemian ↓ eGrace Creative ↓ Pulpit ↓ Ximena Ruiz ↓ Jepser Bernardino ↓ ARS Media ↓ EnviRenew ↓ Film Review Friday ↓ Snoop Media ↓ Sprout Box ↓ Bert Timmermans ↓ Base6 ↓ Feeding Our Futures ↓ The Outpost Army ↓ The Good Little Company ↓ A

css

40+ CSS导航菜单资源

如果在网站中有什么可以为用户留下第一印象的话,那么一定非创意实用的网站导航菜单莫属吧,在崇尚操作实用,注重体验的Web设计中,导航菜单的作用举足轻重。它可以引导用户更好地浏览网站内容,让用户更快速地找到感兴趣的内容。 在这篇文章中,整理搜集了40多套优秀的CSS导航菜单实例资源,下载即可使用,修改模板和结构也是非常的方便,可以为你的前端开发提高工作效率。 11 CSS Menus By Exploding Boy 12 More CSS Menus By Exploding Boy 14 Vertical CSS Menus by Exploding Boy Drop Down Meny by CSS Play CSS Slanted Menu by SimpleBits CSS Menus v2 by qrayg Mini-Tabs by

光影效果

35个优秀的创意光影效果网站设计

在当前的Web设计中,越来越多的高质感的光影效果被应用其中,并逐渐成为一种设计趋势,设计优秀的光影效果可以为网站增添更多的生气和活力,让网站的整体视觉更具冲击力和感染力;创意的光影效果还能使网站要表达的主题意境发挥的更加淋漓尽致,让用户更直观地获取网站设计主旨,从而更好地领略产品形象定位。当然,要实现这么优秀的创意效果,是一定需要深厚的设计实力,这里整理的35个优秀的创意光影效果网站设计,值得你参考学习。 45royale Newism TaoEffect McCafe Postbox Inc. Weloveicons.com 31 Three Icondock Mailchimp for a beautiful web CampaignMonitor Crush + Lovely Camp Creative Group Design moves me ditley artificial studio Revive Africa Lisa Moseley WebKitbits rareview Your Web Job

css

6个值得收藏的css学习资源网站

作为一个 Web 设计师,精通 CSS 是绝对必要的而且对于 Web 开发也是必须的。 良好的 CSS 编写习惯可以帮助你节省时间,并且能更好地进行网站的后期维护使得运行速度更快,从而节约带宽。下面是6个非常有用的 CSS 资源网站,包括 CSS 学习技巧、CSS 文章、CSS 高级文档等。 A List Apart A List Apart 是一个非常有用的 CSS 资源文章,发布了来自很多优秀设计师的 CSS 文章、 CSS 教程、技巧等内容。而且你还可以从中学到很多的练习经验。 ****Delicious | CSS Bookmaking Topics 通过 **Delicious **的 Bookmark 书签功能,你可以找到其他设计师分享或是订阅的有关 CSS

Web UI

10个优秀的 Web UI库/框架

UI(User Interface)即用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,实现信息的内部形式与人类可以接受形式之间的转换。本文为WUI用户整理了10个优秀的 Web UI 库/框架,为你的下一个Web设计的高效开发作好准备。 1. IT Mill Toolkit IT Mill Toolkit是一个开源的Web UI 框架,为富 Web 应用程序提供widgets 和工具。无需担忧Web 浏览器、DOM 、 JavaScript的兼容性性问题。 2. LivePipe UI LivePipe UI 是一系列基于 Prototype  JavaScript 框架建立的高质量Web 2.0 widgets 和 controls 应用。 每一个应用都经过正常测试,具有高扩展性,完善的文档可以帮助你更好地学习使用这个Web UI框架。 3.

Microformat

什么是微格式及实例演示

首先,请不要一厢情愿地把微格式(Microformat)理解为某种语言的简化,这是完全错误的字面理解,事实完全相反,从经典个例“hCard微格式”看出,它是把XHTML语言在Web中的应用“冗余”话了。当然初识它的人都难免会犯类似错误。什么是微格式呢?它存在的意义又是什么?本文或许会让你对Microformat有所了解,并对其蕴含的巨大潜力及广泛用途折服。 什么是微格式 微格式:建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式(microformats.org官方定义)。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义结构进行注解,处理XHTML文档的软件,例如,浏览器等,如果不认识这些属性可以跳过,并不造成任何不良影响(ITPUB)。 设计师和开发人员使用微格式来添加结构和针对网络发布有意义的信息,需要作的仅仅是为现有的(X)HTML元素添加元数据和其他属性。所以,我们无需抛开已有的工作习惯,

jquery

6个jQuery图表Web应用扩展

随着jQuery、Mootools、prototype等知名的JavaScript框架的应用变的越来越强大,浏览器对最新版本CSS属性的支持,除去页面中Flash的应用之外,图表应用变的越来越广泛实用。本文为你整理了6个实用性强的jQuery图表插件,概述了它们各自的功用和优势。 1、Flot 从交互性的层面来说,jQuery实现的 Flot图表和Flash实现的图表效果已经是非常的接近。图表输出效果相当的流畅光滑,注重视觉效果。你也可以和data points数据节点配合使用,当鼠标hover到某个数据节点时,会得到对应节点的数值说明内容的反馈信息。 如上图所示,你也可以选择图表的一部分内容,获得这些特殊区域的数据;同时,你还可以对数据节点进行放大处理。 **优势: **线条、节点、区域填充、柱状图以及以上功能的组合。 2,Sparklines Sparklines 是我最欣赏的微型图表实现工具。真正实现了仪表风格的图表样式(登录到你的 Google Analytics 就知道什么样子了)。另外一个好的功用就是,可以帮助在所有的图表插件中实现 self-refresh 的能力。 优势: 楔形、线条、柱状图以及以上功能的组合。 3, Google Charts Plugin

Apple

从Apple.com网站分析Web可用性设计

作分析为设计者来说,我们在很多方面都被Apple影响着,无论是其优秀的操作系统、时尚前卫的消费产品,还是他们在Web/应用设计上的引导趋势。从 Apple的产品和线上网站可以看出,Apple始终关注用户体验和可用性多一些。对于Apple.com来说,设计上注重可用性是非常重要的,它必须给用户留下一个好的印象,基于此,用户会更加喜欢购买Apple的产品,网站的可用性很大程度上反应了其产品的人性化操作。 从Apple.com可以学到很多知识,所以我用这个网站作为一个个案,研究一下Web设计过程中需要注意的一些可用性方面的知识。 1. 流畅实用的内容导航和菜单 主菜单(Main Menu)- Apple的菜单应该是最值得学习和效仿的设计了。你可能会问,这样如此简单平常的导航为什么会强大?首先,就是其设计的一致性,这个主菜单的整个页面中的定位清晰统一,是避免困扰用户操作的最直观的表现方式。 此外,这个菜单也使用了非常简单的鼠标hover事件,但这些表现已经足够了。 JavaScript Mac 菜单 – 这个名声在外的 Mac menu 是设计最简洁、组织最紧凑的导航之一,是在有效的特定空间内最好的内容组织方式。相比合理的内容组织更重要的就是操作的便利了,尤其响应鼠标的labels更是游刃有余。 侧边栏菜单 – 侧边栏导航能给人深刻的印象,可用性强。