从10月2日开始的“每日设计三推”计划。以web设计为主,兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的,但基本图像就可以说明一切,所以英语不好的同学也不用有负担。标签为#3dt

我的tw帐号:arthur369 。现在可登录tw的第三方是http://dabr.nlhttp://hootsuite.com/。欢迎大家follow。

另外由于tinyurl类网站被大规模封锁,为方便持续登录,将tw中的短网址都在这里装换为原文的永久链接。点击英文标题或图片都可直接访问。
—————————————————————————————–

每日设计三推:《Illustrator Matthew Woodson 》现实主义风格插画,传统的明暗处理手法,色调灰冷,强悍的造型感以及在画面中讲故事的能力。

每日设计三推:《Illustrations by Pat Perry》 线条繁复的淡彩插画。速写风格的。以对细节的强大掌控力及题材取胜。

每日设计三推: 《Art By Brian M. Viveros》 波普风格的时装画。高度抽象的流畅笔触,完全是线条上的功夫。 周末轻松一点,都推插画吧。

每日设计三推:《25 Beautiful Examples Of Typography Portraits》25个水平很高的Typography Portraits设计。这个技法怎么翻译呢,就是使用变形的尺寸不同的文字来构成肖像或造型。今年很流行的设计模式,但做出成功作品来很难。

每日设计三推:《25 Amazing Inspirational Vector Illustrations》25个极富想象力的矢量插画设计。动物造型很多,非常可爱。

每日设计三推:《Photography by Metin Demiralay》一组不错的人物摄影,色调很棒。VECTRO AVE 这个网站非常棒,创意从业者必备。

每日设计三推:《Call to Action Buttons: Examples and Best Practices 》怎样能吸引用户注意力并诱发点击的的按钮。通过处理按钮的尺寸、对比、位置、制造选择、制造紧迫感等手段,本文讲述了多种技巧并提供多个优秀范例。

每日设计三推:《Mix Collection of 99 Stunning Photographs to Refresh Your Mind》99张启发创意的绝妙摄影。对透视、视角、光影、神态、质感的灵动捕捉。

每日设计三推:《60 Marvelous Motion Blur Photos for Inspiration 》60张不可思议的运动模糊摄影。动静对比,将流动的速度捕捉在静态一帧上。

每日设计三推:《Tips for Designing an Awesome Coming Soon Page 》如何设计 “建设中(即将推出……)页面”。这个页面和404一样是设计中的死角,但也是一个可以体现创意和给用户良好体验的空间。

每日设计三推:《40 Creative Uses Of Cufón Font Replacement》 40种Cufon字体替换技术的创意应用。
CufónsIFR.和都是现在国外比较流行的web字体替换技术,基于js和flash,解决不能在web中的html文本使非通用字体的设计限制,也就是客户端的non-websafe font问题。本文作者推荐的Cufón工具可以不用担心会生成大量图片。这两种技术都值得前端工程师有所关注。

每日设计三推:《Visual Stimulation IV: 15 Amazing Motion Designs 》15个令你惊异的视频设计,体现了惊人的创造力。 (由于vimeo.com 也被GFW灭绝人性地墙了,所以这些视频需要翻墙才能观赏。vimeo是艺术、创意和时尚产业分享视频的首选)

每日设计三推:《How to Create 3D Text Blocks in Photoshop》如何使用ps创建3D文字块状立体效果。使用了cs4工具面板中新增的3D Orbit tool。CS4使用openGL图形加速,可任意状态无锯齿查看图像。另外增强了3维效果、图像挑战、混合模式和对HDR及全景图的支持。

每日设计三推:《90+ Latest Trends of Business Cards》最新的名片设计趋势。创意都很厉害,在材质和裁切上很有想法,在国内算不上特别实用。但对于创意行业而且不计成本的公司,是不错的借鉴。

每日设计三推:《Selecting the Right Chart Type for your Data》为你的数据选择合适的表现形式。最常用的统计图表的设计流程: 数据比较、分析数据的组成、选择合适的数据分布方式。应用不同深浅的颜色来引导用户关注最重要的部分。本文提供了漂亮的配图。

每日设计三推: 《Minimizing Complexity In User Interfaces》 精简你的用户界面 。复杂是界面可用性和友好性的大敌。本文教你如何挥动板斧,砍掉你界面设计中繁冗的部分,降噪、重用、递进呈现、利用空白,提供一部分案例。

每日设计三推:《35 Smart Logos With Second Thought To Make You look Twice》35个”意犹未尽“的经典logo。可能设计并不是非常炫目,但图形具有超强的概括力。尤其注意logo中所体现的公司名称和市场形象。

每日设计三推:《Mind Blowing Church Marketing Designs》教会宣讲品的设计。教会为了扩展其影响力,也开始像其他org一样展开宣传和营销。可读性强、有吸引力、直指人心、果断有力,主要由图像和口号构建这类设计。

每日设计三推:《Design Inspiration: Splatter Effects》设计灵感:喷溅效果。喷溅的运用可以迅速把吸引用户眼球,创建动态的、鲜活、有空间感和浪漫的效果。运用ps笔刷可以制作这类效果。文章还提供了500个喷溅笔刷的资源链接。

每日设计三推:《Amazing Info Visualizations Graphics》震撼的信息可视化图像。David McCandless 的作品。这辑可视化在设计上更富美感和可读性,在视觉语言上使用了强烈的对比。数据来源简单,可应用于ppt、海报和传统媒体。设计师可独立完成。

__________________________________________________________

三推计划外的其他推

《Dear Swedish Artist》 死苍蝇艺术。不怕苍蝇的来。很有趣呢。

《30 Horrific Commercial Photoshop Disasters》30个可怕的商业招贴中的穿帮设计。用Ps干活一定要细心呀。

onexposure .1x》 极为推崇的摄影网站。令人惊讶的片子太多了。

《Kyle Bean: Disposable Technology 》用牛皮箱板纸制作的数码电子产品 。最近一阵看见很多基于纸质手工的设计。比如这个:打印纸礼服裙

《Drunken Monkey Photoshop Tutorial 》ps中创作醉拳猴。梦工场视觉效果级别的人设和着色,水准非常高。从构思——草稿——纸稿——数码填色——光影修饰——成片,非常细致的上色流程讲解。http://is.gd/4jnTp

极简主义的巅峰之作:http://istwitterdown.com/ 她的目的就是为了告诉我们Twitter是不是挂了。http://isistwitterdowndown.com/ 的目的是告诉我们上一个网站挂了没有。

10 excellent books for learning web design》10本css的经典图书。推荐了包括css mastery 、禅意花园和O’relly在内的10本css教程或指南。

blog更换主机完毕。感谢霍炬大人。大家又可以墙内顺利访问了

前天晚上 我和霍炬、tinyfool的blog都被GFW了。过两天更换主机。换完后通知大家。

从10月2日开始“每日设计三推”计划。以web设计为主,兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的,但基本图像就可以说明一切,所以英语不好的同学也不用有负担。标签为#3dt

我的tw帐号:arthur369 。现在使用的客户端是http://dabr.co.uk/http://hootsuite.com/。欢迎大家follow。

每日设计三推:《Inspiration in Red: The FYC Edition》 红色是很难被驾驭的颜色,太过惊艳有力,难以融合,来看看红色在平面、工业、web设计和摄影的成功作品上的应用。http://ow.ly/tkjl

每日设计三推:《60+Websites Showcasing Minimalist Design 》60个极简风格的网站设计。日本传统审美思想:空寂,剔除一切不必要的元素的极简主义。http://ow.ly/tkfL

每日设计三推:《80+ Famous Photos which belong to 20th Century》 80张属于20世纪的著名摄影。黑白、胶片颗粒、沉默的力量。http://ow.ly/tkaV

每日设计三推:《20 Nike6.0 Illustrations from Adam Haynes》 20张Nike 6.0的矢量招贴设计。风格另类,视角、配色、透视、线条和画面布局都处理得十分大气。 http://ow.ly/t3BB

每日设计三推:《Hypnolines》 摄影《催眠》运用斑马线纹理强烈的色彩对比、光的折射和反射、获得了令人惊叹的成像效果。 http://ow.ly/t3Bh

每日设计三推:《50 Surprisingly Amazing Themes for Blogger 》50款设计惊艳的wp模版。http://ow.ly/t3s9

每日设计三推:《A Look at Absolut Vodka Poster Designs Over the Years》Absolut 伏特加20年创意之路——历年广告海报赏析。absolut和可口可乐一样以其产品造型知名,短颈圆身的造型剪影成为一种游戏规则,不断有设计师挑战这一游戏。 http://ow.ly/sSaB http://ow.ly/sSc7

每日设计三推:《Vince Letterpress》 简洁和风格复古的贺卡设计 http://ow.ly/sS6L

每日设计三推:Envato在今年推出的旗下品牌网站改版设计。envato是澳大利亚网站,旗下有著名的PSDTUTS、VECTORTUTS 教程系列,还有4个设计模版、音视频素材的销售网站以及3个高质量的博客。http://ow.ly/sS4U

每日设计三推:《 Collection of Some Amazing 3d Robots》 我当时就震惊叻,那么多3D机械人设计。男人对齿轮、金属表皮和机械关节的迷恋不亚于对女人的呀。机器人控们来吧。 http://ow.ly/sBDl

每日设计三推:《30 Must See Character Illustration Tutorials》矢量插画能挑战你的观察力、技巧和手绘能力。30个不可错过的矢量卡通形象绘制教程。从纸上线稿到成品。http://bit.ly/jW68E

每日设计三推:《Can You Be a Web Designer? 》你能成为一个web设计师吗?绝对令你哑然失笑的强图:你用ps吗?没有。那你有BT客户端吗。你有仇恨和悲剧的人格倾向吗?没有。别担心,你会在工作中发展它的。http://bit.ly/1PiuII

每日设计三推:《CSS: Design Out Of The Box》 你是否在页面设计时感到束手束脚,不能像平面设计那样参差布局,同时对不停折腾分栏与容器感到厌烦,看看国外这批使用position和z-index来进行布局的网站及教程。http://ow.ly/stka

每日设计三推:《The Ultimate Round-Up of Print Design Tutorials》 印刷品设计指南集萃。关于出血、四色、特殊表面处理、叠印、排版等印前处理技巧。 http://ow.ly/stgN

每日设计三推: 平面设计构成有几种基础技法:材质置换、变形、变色、错接、密集、修改相对比例、空间变换、排列组合、修改名画……从这70多张图片中你可以学习到上述部分技巧的应用,同时发现如此多的著名创意广告的影子 http://ow.ly/st9R

每日设计三推: 《Free Keep Fit Vectors – Give Your Designs a Workout!》 免费的矢量剪影icon——平衡运动体态。非常适合用于装饰文本段落和充当背景。http://ow.ly/siEt

每日设计三推:《How To Create A Vector Wacom Tablet In Illustrator 》在Illustrator里绘制wacom影拓数位板。质感比较实,使用渐变的技法不花哨。 http://ow.ly/siE5

每日设计三推:《Light Up Your Retina with 40 Rampaging Vector Robots!》 40款冲击视网膜的矢量机器人设计。机器人控的最爱哦 http://ow.ly/siCQ

__________________________________________________________

三推计划外的其他推

《Fresh Web Development Goodies Bag》 – http://bit.ly/g03Sl // web前端开发必备的在线工具

《The History and Evolution of Social Media》 – http://bit.ly/98tFo //社会化媒体的进化史

《Mastering CSS Coding: Getting Started》 http://bit.ly/49vW5d 非常好的CSS入门教程。

前端工程师发泄的地方。15个以FUCK IE 或 仇视IE为主题的网站。http://ow.ly/sSgL


变态的设计。。。把你埋在泰迪熊堆里的外套,医院专用椅,桶装水鱼缸。这里面使用的设计手法都是错接和置换。http://ow.ly/sSfG

《punyPNG》 – http://bit.ly/19k1jU – 据说可以压缩掉png图片文件大小的41%。

《豪斯医生的迷恋者们速来》 http://ow.ly/stf5

《Simple Techniques to Lock Down your Website》 提供你网站安全性的简单技巧,关于生成随机数、随机密码、用户验证、在程序中中加入干扰代码、php加密及应用 http://ow.ly/st5h

《Corporate Website Designs: 60 Inspirational Examples》 看看人家公司/服务应用的网站做成什么样的。可留案头备查。里面还举例了Hootsuite哦 http://bit.ly/Ykag

《10 Incredible Sites to Improve Your Typography Skills》: 10个可提升你排版水平的网站。国外传统印刷品的设计里有大量值得借鉴的东西,利用 … http://bit.ly/13M0v7

我多次被炫目的数据可视化或信息可视化震惊,在我知道这些图片背后的数据来源和创造历程后,更是为之诧异不止。它涉足制图学、图形绘制设计、计算机视觉、数据采集、统计学、图解技术、数型结合以及动画、立体渲染、用户交互等。相关领域有影像学、视知觉。空间分析、科学建模等。

这是创造性设计美学和严谨的工程科学的卓越产物。用极美丽的形式呈现可能非常沉闷繁冗的数据,其表现和创作过程完全可以称之为艺术。所以我翻译了来自SM上的3篇数据可视化和信息图形的文章,主要是鉴赏并提供一些参考资料。我尽量查找了每张数据图表背后的背景,添加了标注和说明,希望那个帮助读者更深入地理解这些图表所呈现的含义,而不仅仅是停留于对“好看”的赞叹上。这些图片不会说话,但它们比文字和语言都更为有力。

数据可视化 Data Visualization信息可视化 Infographics 是两个相近的专业领域名词。狭义上的数字可视化指的是讲数据用统计图表方式呈现,而信息图形(信息可视化)则是将非数字的信息进行可视化。前者用于传递信息,后者用于表现抽象或复杂的概念、技术和信息。

而广义上的数据可视化则是数据可视化、信息可视化以及科学可视化等等多个领域的统称。

数据可视化起源于1960s计算机图形学,人们使用计算机创建图形图表,可视化提取出来的数据,将数据的各种属性和变量呈现出来。随着计算机硬件的发展,人们创建更复杂规模更大的数字模型,发展了数据采集设备和数据保存设备。同理也需要更高级的计算机图形学技术及方法来创建这些规模庞大的数据集。随着数据可视化平台的拓展,应用领域的增加,表现形式的不断变化,以及增加了诸如实时动态效果、用户交互使用等,数据可视化像所有新兴概念一样边界不断扩大。

而我们熟悉的那些饼图、直方图、散点图、柱状图等,是最原始的统计图表,它们是数据可视化的最基础和常见应用。作为一种统计学工具,用于创建一条快速认识数据集的捷径,并成为一种令人信服的沟通手段。传达存在于数据中的基本信息。所以我们可以在大量PPT、报表、方案以及新闻见到统计图形。

但最原始统计图表只能呈现基本的信息,发现数据之中的结构,可视化定量的数据结果。

面对复杂或大规模异型数据集,比如商业分析、财务报表、人口状况分布、媒体效果反馈、用户行为数据等,数据可视化面临处理的状况会复杂得多。

可能要经历包括数据采集、 数据分析、数据治理、数据管理、数据挖掘在内的一系列复杂数据处理,然后由设计师设计一种表现形式,是立体的、二维的、动态的、实时的还是允许交互的。然后由工程师创建对应的可视化算法及技术实现手段。包括建模方法、处理大规模数据的体系架构、交互技术、放大缩小方法等。动画工程师考虑表面材质、动画渲染方法等,交互设计师也会介入进行用户交互行为模式的设计。

所以一个数据可视化作品或项目的创建,需要多领域专业人士的协同工作才能取得成功。人类能够操纵和解释如此来源多样、错综复杂跨领域的信息,其本身就是一门艺术。

数据可视化在发展过程中,科学和工程领域的应用衍生出了分支:科学可视化——“利用计算机图形学来创建视觉图像,帮助人们理解科学技术概念或结果的那些错综复杂而又往往规模庞大的数字表现形式”。

在计算机诞生之前,科学的可视化行为就存在。如等高线图、磁力线图、天像图等等。利用计算机的强大运算能力,人类可以使用三维或四维的方式表现液体流型、分子动力学的复杂科学模型。

比如利用经验数据,科学可视化在天体物理学(模拟宇宙爆炸等)、地理学(模拟温室效应)、气象学(龙卷风或大气平流)模拟人类肉眼无法观察或记录的自然现象;利用医学数据(核磁共振或CT)研究和诊断人体;或者在建筑领域、城市规划领域或高端工业产品的研发过程中发挥重大重用。比如汽车的研发过程中,需要输入大量结构和材料数据,模拟汽车在受到撞击时如何变形。在城市道路规划的设计过程中,需要模拟交通流量。

虽然科学可视化的表现形式对于普通人比较陌生,像粒子系统、散点图、热力图等图表不接受专业训练很难看懂。但实际上科学可视化的成果已经渗透到我们生活的每个角落。

90年代初期,信息可视化领域进入人们的视野。用于解决对异质性数据中“抽象”的部分的分析。帮助人们理解和观察抽象概念,放大了人类的认知能力。

科学可视化和信息可视化的差别比较微妙,因为科学可视化的大部分处理对象都是抽象的概念。在手段和技术上也有大量共同之处。所以边界比较模糊。

在国外,许多大型企业、科研机构都会有相关部门进行数据可视化研究,如数字图书馆。媒体和政府机构也会对自己掌握的数据进行可视化分析,如犯罪地图。在互联网上,那些掌握了大量用户活动信息、用户关系网或语料库的网站,比如digg,friendfeed,flickr或大型电子商务网站等,都有实验性的可视化项目。可惜在中国在这方面的商用或实验项目还是比较空白的。

数据可视化的开发和大部分项目开发一样,也是根据需求来根据数据维度或属性进行筛选,根据目的和用户群选用表现方式。同一份数据可以可视化成多种看起来截然不同的形式。

  • 有的可视化目标是为了观测、跟踪数据,所以就要强调实时性、变化、运算能力,可能就会生成一份不停变化、可读性强的图表。
  • 有的为了分析数据,所以要强调数据的呈现度、可能会生成一份可以检索、交互式的图表
  • 有的为了发现数据之间的潜在关联,可能会生成分布式的多维的图表。
  • 有的为了帮助普通用户或商业用户快速理解数据的含义或变化,会利用漂亮的颜色、动画创建生动、明了,具有吸引力的图表。
  • 还有的图表可以被用于教育、宣传或政治,被制作成海报、课件,出现在街头、广告手持、杂志和集会上。这类图表拥有强大的说服力,使用强烈的对比、置换等手段,可以创造出极具冲击力自指人心的图像。在国外许多媒体会根据新闻主题或数据,雇用设计师来创建可视化图表对新闻主题进行辅助。

说了那么多,大家都可以感受到数据可视化所应用价值,其多样性和表现力吸引了许多从业者,而其创作过程中的每一环节都有强大的专业背景支持。无论是动态还是静态的可视化图形,都为我们搭建了新的桥梁,让我们能洞察世界的究竟、发现形形色色的关系,感受每时每刻围绕在我们身边的信息变化,还能让我们理解其他形式下不易发掘的事物。

我通过翻译这系列的文章,为数据可视化的创造力所折服,也为其所能诞生和发展的背景环境所感叹。希望国内能有更多的跨领域人才的教育背景,能有发展实验性项目的环境,设计师们能拥有更多的创造力和专业素养,永远保持好奇心和敏感。

数据可视化相关的引擎/程序/工具(来自wiki百科)

信息可视化的相关方法



Copyright © 2007–2013. All rights reserved.

RSS Feed. powered by Wordpress a theme by Xiqiao.