网页设计

网页设计趋势之:”勾引”用户的按钮

今天彬Go将和大家一起讨论网页设计趋势中很重要的环节,那就是”勾引”用户的按钮。所谓”勾引”用户的按钮,其实对于Web设计师来说,就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载注册购买等功能。

国外设计师 Seth Godin 将按钮比喻成香蕉,而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网页的时候都要遵循一个且仅有一个的目标,那就是”香蕉”!让它更大、更醒目、更美观!

网页-按钮-设计

这篇文章将和大家一起讨论如何设计完美”勾引”用户点击的按钮并会为大家展示30个不错的网页按钮设计实例
(更多…)

网页设计

使用Photoshop+960 Grid System模板进行网页设计

960-grid-system-photoshop

前几天彬Go和大家一起讨论了960 Grid System这个CSS网格系统框架的基本原理和使用方法。今天,暴风彬彬将教大家使用Photoshop结合960 Grid System模板来设计一个真正符合960网格系统的网页效果图。

(更多…)

网页设计, 资源

推荐21套非常棒的网页设计图标素材

网页设计-图标-下载

在设计Web界面的时候,如何确保用户更方便快捷的使用是关键所在。在导航或其他一些地方使用恰当的图标既可以让网页更漂亮又可以提高用户体验和可用性。但是如果每个网站项目都要从头开始创意和设计一套图标的话,会浪费很多宝贵的时间,为什么不使用那些现成做好的图标呢(当然如果项目比较大,那是需要单独设计的。)下面暴风彬彬将向大家推荐21套国外精品图标集,适用于各种风格的网页设计项目中。
(更多…)

CSS, JavaScript, 网页设计, 资源

2008年最佳Web设计/前端开发技巧、脚本及资源总结

2008-最佳-前端开发

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实例及工具资源等,有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟,还是有多年前端开发经验的高手,我相信下面的这些日志总会有您需要的!
注:链接到的文章都是英文,如果您的英文不好可以尝试使用Google翻译,如果还是无法理解,可以将想看的文章的标题留言给我,暴风彬彬今后有时间会为大家翻译的。 (更多…)

网页设计

浅谈网页设计中的黄金分割

网页设计-黄金分割数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 Φ (phi). 本教程会剖析一个网站的布局,以及如何对其黄金分割。

(更多…)

网页设计

2008年国外最漂亮的50个网站欣赏

上周彬Go跟大家分享了2008年国外50个最佳CSS设计,今天暴风彬彬将向大家推荐国外50个2008年最漂亮的网站,08年的网页设计开始流行一些破旧的质感和一些植物、图腾效果,还有一些网站在追求一种平面中的立体感,让用户感觉更加身临其境。这50个网站可以说是风格各异,每个网站都有自己独特的设计风格。相信您在看完之后也会获得很多宝贵的灵感。

Saizen Media

2008-网页设计-欣赏 (更多…)

网页设计, 资源

网页设计新趋势:云隙阳光和光线效果

  云隙阳光效果是当今网页设计和平面设计中非常流行和时髦的设计趋势。云隙阳光效果就是指从某一点向四周发出的太阳光线效果。它们是Web2.0的设计趋势,在配合其它图形元素的时候会使设计工作更加事半功倍。

  今天暴风彬彬将和大家一同分享一些如何使用现有的Photoshop形状和笔刷创作你自己的云隙阳光效果,然后会为大家展示15个使用了云隙阳光效果的漂亮的网站实例

网页设计-阳光-教程
(更多…)

网页设计, 资源

精选2008年最佳设计素材资源&灵感

  2008年已经接近尾声,暴风彬彬今天将同大家一起来回顾今年的一些网页设计共享资源,在这里我收集了一些2008年我很喜欢的免费资源。在这篇文章中您将看到涵盖网页设计图标素材、Wordpress主题、网页设计字体、网页设计材质素材乃至生成背景图案的网站应用程序的一些不错的资源,它们有的能对你的网站项目有所帮助,有的则会给你带来更多设计灵感。还等什么,继续往下看吧…

您还可以参考以下网页设计相关资源:
220个漂亮的免费Photoshop图层样式下载
推荐3个网页设计在线配色网站
精选30个免费高品质PSD源文件
网页设计必备的10套漂亮图标集》 

BB 免费字体:Conglomerfont

一款漂亮的免费英文字体。

英文字体-下载

免费图标: Function Icon Set

包含128个高质量图标的网页设计图标素材集。

网页设计-图标
(更多…)

CSS, 网页设计

2008年国外50个最佳CSS设计欣赏

  今天,暴风彬彬将向大家推荐50个2008年的最佳CSS网站设计,这50个CSS网站是由WebDesignerWall评选出来的,很具参考价值。我们在欣赏的同时,也能从中吸取很多灵感,也能从它们的源代码中学习更高级的CSS技术。今年,越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架(如jQuery及MooTools)来提高用户体验。还有一些设计师将Flash和CSS混合使用。也许我们能从中发现2009年的新网页设计趋势?

您还可以参考以下CSS相关资源:

精选15个国外CSS框架
推荐20个让你学习并精通CSS的网站
20+漂亮的网站分类存档设计赏析(下)
20+漂亮的网站分类存档设计赏析(上)
推荐80个使用超大背景图片的网站设计》 

Let It Bleed

巨大而醒目的图片使得这个网站鹤立鸡群。

2009-网页设计-趋势

(更多…)

JavaScript, 资源

15个前端开发/网页设计师必备的Bookmarklet

  Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具。仅需点击一下,它就能提供很多信息或帮助。Bookmarklet是使用一段Javascript代码编辑而成的书签,当你在浏览器中点击已经预存的Bookmarklet(书签工具)时,其中的Javascript程序就会运行,从而起到书签相应的辅助功能。

  今天暴风彬彬要向大家推荐15个有助于网页设计/前端开发的Bookmarklet,他们的功能涵盖了:

  • 了解颜色的运用。
  • 为网页插入标尺。
  • 在未重载网页的情况下重载CSS
  • 修改网页元素等功能…

Bookmarklet使用方法:您可以用鼠标将”使用”链接拖到书签栏中(适用于FF、Chrome),在IE中可以右击”使用”链接,选择”添加到收藏夹”就可以了,记得添加以后重新命名哦。如果没有”使用”链接,那么您可以点击相应链接到该工具的作者网站寻找添加的链接。

点击这里下载适用于导入Firefox的书签文件夹。(点击FF的”书签”–>”管理书签”–>”导入&备份”–>选择导入下载的html文件即可)

提示:如果您很少或不习惯使用这种Bookmarklet工具,您也可以考虑使用Firefox的Web Developer工具栏(扩展),它包含了部分Bookmarklet的功能,也是非常棒的网页开发辅助工具。

您还可以参考以下网页设计/前端开发相关资源:
推荐12款可用于前端开发的免费文本编辑器
Web前端开发必备手册下载》 
推荐3个网页设计在线配色网站
10个非常棒的Ajax及Javascript实例资源网站
20个免费的SEO网站分析工具》 

1.WTFramework

用于学习JavaScipt框架的Bookmarklet工具

wtf-bookmarklet

  当你好奇某个网站在使用哪个JavaScript框架的时候,相比查看网页源文件,点击以下书签就能查看网站使用的什么JavaScript框架要容易得多。

(更多…)