国外设计开发网站精选

看看外面的世界,刺激一下封闭的自己。近百个优秀的国外设计开发网站推荐,涵盖了Web设计,平面设计,Flash和Flex,设计资源等各方面。

常用设计网站

Spunk United 非常出色的杂志,里面提供的都是世界顶级设计师的专访,灵感以及文章还有更多。
FreeLance Switch 这个站点上的所有资源都是开放免费的,你肯定要知道:)
Computer Arts 这是一个非常优秀的网络杂志,中文版杂志是《Computer Arts 数码艺术》 Read the rest of this entry »

10款非常棒的web原型设计工具(英文)

When starting a new web design project, it’s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an agreement on placement of major page elements such as headers, content areas, navigation menus, and footers. The key is to get the layout nailed down so major layout changes won’t take place once detailed design elements are in place.

There are several different routes that a designer can take for creating wireframes, and there are even applications designed specifically for this. For this article, we’ve rounded up 10 excellent tools for creating wireframes. Read the rest of this entry »

Web开发与设计之Google兵器谱

Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web 站点,这些工具包含了开发,分析,维护,修补等等用途,本文将介绍15款这样的工具。 Read the rest of this entry »

jQuery实现全选和取消全选插件

在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不 被选中的状态间切换。在没有jQuery之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种 效果的jQuery插件。我将它命名为jQuery.fn.selectAll插件。 Read the rest of this entry »

滚动文字、图片效果代码

滚动代码网上一搜会有很多,但是有的不兼容,有的甚至根本不能用,下面的这套方法是经我多次在项目中运用的过的,也是对网上代码的一个精简,兼容性 良好。

下面给大家介绍:向上滚动文字,向左滚动图片+文字 两种效果
因为我个人认为这两种效果是最常应用的了,所以选择这两个应介绍给大家。 Read the rest of this entry »

产品设计体会:产品新首页诞生记

这个项目的缘起是为了统一公司几个产品的portal风格,但我们希望能在老板给出的这个目标下找到“变脸”的更多价值。于是项目开始后我查看了portal页面的访问情况,分析了用户场景,画了下图。 Read the rest of this entry »

79个设计专业的网站

这是我第一次翻译别人的博客,欢迎鸡蛋与蕃茄。原文标题是:Showcase Of Professional Looking Website Designs

——————————————————–正文内容——————————————————-

一个完美的布局,一个好的设计和好的资源能产生一个非常有创意的产品。使用不同组合的布局,文本和图案能设计出比你想像的更好的各种优秀的作品(这 句话原文是:Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs.)。现在的设计师喜欢做实验并观察人们怎样与他们的作品互动。不过当要设计公司的网站时,你就需要很多方面,比如简洁 readability,展示presentation和易用性accessibility

在这里的作品展示中,你将会发现各种各样的非常有创意,漂亮,异常重要的专业的外观(< 这让作品使用起来更方便和简单)。这篇文章的目的就是激发你的灵感和想像力,促使你设计或重新设计出更能吸引潜在用户的网站。

为了易用性,吸引用户眼光和达到目标你花越多的时间和精力,你当月得到更好的余额的机会就越高(这句话翻译得很差,原文:The more time and effort you dedicate for a usable, eye-catching design and hitting your objectives, the higher are your chances for getting better account balance in the end of the month.

设计专业的网站的展示

在历史中,伟大的设计师经常将他们的创意通过新的方法表达和创造新的潮流和技术来让他们的作品脱颖而出。现在设计是一种交流的方法,设计的目的也更加理性化。特别是网页设计已经有很完美的模式通过你的技术来将你的想法转化为作品。 Read the rest of this entry »

轻设计,让网站灵敏轻便的6个技巧

在网站或软件的策划和设计过程中,我们经常听到这样的讨论:“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题,也是方兴未艾的Web2.0大浪下设计师们的最爱(看看那些在全世界遍地开花的SNS网站,无论是视觉元素还是交互流程均能轻则轻)。本文主要从实践和总结的角度出发,提出了让设计变得更轻的6个技巧。 Read the rest of this entry »

关于Google Wave的布局与交互设计

终于弄激活了Wave邀请,在这里十分感谢moming同学。在试用了一下以后,虽然不知道这款产品以后是否能成功,但是她的交互方式以及设计思想,还有很多值得我们学习的,下面我们就来详细的看看。 Read the rest of this entry »

设计技巧杂谈(之一)

【译者的话】 为什么一张图片比三张图片更有力量?如何设计产品使用指南?如何在设计中通过各种对比产生层次感?如何使设计内外统一协调?如何设计一个独一无二的签名式 LOGO ?本文继续发扬实用主义,对这些问题给出了解决办法。五个设计技巧,开拓你的设计视野。 Read the rest of this entry »