Visual.ly：自动制作信息图. Visual.ly 这家网站以丰富的信息图资源而著称，很多用户乐意把自己制作的信息图上传到网站中与他人分享。 最近网站不再局限于一个信息图分享平台的角色，它还将帮助人们制作信息图，在美国 SXSW 音乐节上 Visual.ly 公布了这则消息。 用 Visual.ly 制作信息图并不复杂，它是一个自动化工具。 网站的联合创始人兼 CEO Stew Langille 称，他们打造了一个平台，让人快速而简易插入不同种类的数据，并通过图形把数据表达出来。 用户只要注册 Visual.ly，并登陆 便可以尝试制作自己的信息图。 从上图中我们可以看到，Visual.ly 目前只能导入来自 Twitter、Facebook 的数据，而且需要和用户的账号相连。 Visual.ly 把其中一个利用 Twitter 数据，制作信息图的一个功能称之为 Twitter Showdown。 它能够对比不同 Twitter 账号的情况，包括 Follower 人数多寡、被 @ 的次数、发推的习惯时间、Follower 的地域分布情况。 另外一个利用 Twitter 制作信息图的功能叫 Twitterize Yourself，能够根据 Twitter 账号生成一个人偶图片，并在下方标注和账号有关的 Twitter 状态，大家可以在这里查看 ifanr 的 Twitter 人偶。 Facebook Insider 是 Visual.ly 利用 Facebook 制作信息图的功能。 Visual.ly 还能够根据用户个人的 Facebook 账号生成一个 Facebook Monster，是一个类似 Twitterize Yourself 的功能，除了能生成一个怪物玩偶以外，也能够展现 Facebook 账号的数据。
由于 Hashtag 已经成为社交网络中常见的一种聚合话题的形式，因此 Visual.ly 也提供了利用 Hashtag 进行数据挖掘的功能：Life of a Hashtag。 iStock Photo: Royalty Free Stock Photography, Vector Art Images, Music & Video Stock Footage. Subtle Patterns | Free textures for your next web project. Tiny circle waves, almost like the ocean. Made by Sagive. Download A cute x, if you need that sort of thing. Made by Juan Scrocchi. Download Some dark 45 degree angles creating a nice pattern. Huge. Made by Carlos Aguilar. Download Run a restaurant blog? Made by Andrijana Jarnjak. Download Spice up your next school project with this icon background.
Made by Swetha. Download Classic SP style, some seamless paper for you. Made by Merry. Download This ons is quite old school looking. Made by Arno Declercq. Download A lot of people like the icon patterns, so here’s one for your restaurant blog. Download Halftone, not halfling. Made by Atle Mo. Download.
House of Buttons. 6 Interface Design Principles and Tips Every Web Designer Should Know. Good interface design is like the air we breathe - it's there when you need it and you use it without thinking. If you've ever used a bad interface design, struggled to get around a site, clicked away because you couldn't figure out what was going on, not been able to complete a task you had in mind, or just been plain confused, you'll know the perils of going wrong in this area.
Websites are not pretty pictures, they are there to be used and consumed, so it's pretty important that as web designers we spend a good portion of time thinking about usability. In this article we'll consider some of the big usability issues and my tips for being a better interface designer. 1 - Analysing Audiences When laying out Psdtuts+ we take into consideration the different ways people will be using the site In any website there are at least three distinct parties involved - the client or owner of the site, the users of the site and the designer or builder of the site.
Audience Classes And that's it! Free PSDs & Resources for Web Designers by Orman Clark. 2012年网页设计趋势. 摘要: 每年的网页设计趋势都会有所改变，跟时装界一样，或者说世间万物亦是如此。 作为网页设计师，你必须时刻关注业界的发展和变化，随时作出应对的准备。 2012年网页设计的趋势将会是怎样的呢？ 一起来看看flashuser博客的观点。 各位网页设计师看到了这一篇文章，应该不太... 每年的网页设计趋势都会有所改变，跟时装界一样，或者说世间万物亦是如此。 我们无法预测未来，但是我们却可以改变。 以下是设计师所观察到的，网页设计2012年的趋势 1. 文字艺术一直以来都在设计产业中活跃，不过感谢设计师这几年的努力，网页的文字艺术的活力不仅更为旺盛，更可以预测成为明年网页设计的重要元素。
按编：其实台湾也大量的使用了文字艺术于不同的领域中，例如花博展、民国100年纪念、2011年设计展…等，都以文字艺术作为主要的识别象征 2. 石板文字（Slab typefaces）一直以来用于带点艺术的设计世界中（例如T-Shirt、艺术展、设计展等）较少用于正式的场合。 按编：目前英语网站的设计中，我们普遍建议使用的字体为：Time News Roman, Arial等，强烈的标题字体则可使用Arial Black或Impact。 3. 终于，人们发现他们不需要一个包含所有信息的复杂网站，现在的人们希望网站简洁、快速、只要几页就能解决他们的问题。 良好的一页式网页设计，可以在有限的页面设计中，呈现必要的信息。 4. 「您好，很高兴认识你…」这样的风气已经开始影响了网页设计的潮流。 这样的设计并没有特殊的规则，只要轻松、贴切、感觉良好就可以了。 按编：其实近年科技产业大量的使用了这样的设计技巧，例如知名的苹果公司、hTC手机…等，介绍产品的口吻越来越轻松，也普遍获得大众好评 5. 超大的Logo、页首、页尾都能够强化视觉的表现，让浏览者留下深刻的印象，超过原本尺寸的的Logo能够让企业的印象深植于客户内心，此外页尾的扩大可以让网站塞入更多关联的信息，例如网页的链接、企业的介绍、社群网站等，是近年不少企业、专门领域网站的趋势。 译文原址:x-berry. 一个简单的设计技巧: 使用照片的自然线条 - UI乐园 - 博客大巴. 再设计Redesign. 一个网站的核心是它的功能和内容，而设计则决定了这些功能、内容如何被组织和展现出来。 对已成功的网站进行再设计——重新构造它的组织和展现形式是具有挑战性的。 偏偏有设计师喜欢迎难而上，尝试对facebook、google这些著名网站进行概念设计。 他们通常有两条思路，一是对现有问题挖掘然后改进，二是提出完全创新的想法。 下面收集整理+翻译了一些设计师的概念设计成果，其中各有优劣，有的交互让人眼前一亮，有的视觉表现优秀，有的缺乏实现的可能性，希望这些设计以及设计思路能给各位带来一些灵感。
Facebook Facebook是著名的社交网络服务类网站，于2004年2月4日上线。 概念设计一：Facebook Facelift设计师：Barton Smith 这是一个完成于2009年的项目，由设计师Barton Smith自发完成，其设计目的是挑战facebook原有的形式和功能。 首页一些特点： 1．发布工具条：发布工具条位置固定，使用户在任意页面都可以发布内容，避免了不必要操作。 照片feed的排版形式整齐清晰。 概念设计二：iA’s 2006 Facebook Designs, Redesigned设计师：IA 这次创新设计开始于2006年12月，是著名团队IA对fb进行的再设计，未正式发布，只在其博客上有草图发表。 默认状态下，只能看到每条feed的两条评论，要查看全部评论，需点击单条feed或者对应的评论区域。 设计非常具有前瞻性，后来Twitte也采用了这种方式，两栏折叠展开。 对比IA 06年的概念设计和2010年的fb，可以发现： 1．IA的品牌标志可用空间更大 2．IA 评论占用的空间更大 3．早于当时的fb，IA将左导航进行分组归类，更加有序 4．IA广告位少，但位置突出，无其他运营位置 概念设计三：设计师: Justin Dauer 设计师对这个设计设定的目标是：使界面简洁、更加web app化。 界面一些特征： 1．两栏布局：放弃了sns网站常见的三栏布局，给feed区域更多空间 2．右侧栏集中展示用户个人内容：账户名、状态更新区，个人头像，当前状态， app，活动、聊天等 3．把Fb的左侧导航放到了右侧栏的My facebook板块下，更app化，视觉处理也使这些入口足够显眼 4．右侧部分模块可拖拽、自定义 概念设计四：设计师: Jonaska 其他概念设计： Recent.