What is the Preferred Operating Systems of Designers?设计者更喜欢什么操作系统

The ever-changing culture of web design has grown into a wild array of sub-standards. Over 20 years now designers from all over the world have contributed their brilliant ideas to the World Wide Web. Software is often an afterthought from the consumer’s end, but when you’re at the front lines this topic is very important.

日新月异的网页设计文化现在已经成长为一系列的子标准。网页设计文化发展20年之后的现在,世界各地的设计者都在将自己的好想法用在万维网上。软件通常是根据用户的需要而产生的,但如果你工作在(网页设计)第一线,这个话题就对你很重要了。

In the realm of Operating Systems it breaks down into 3 core groups: Windows, Mac OS X, and various Linux packages. For the sake of this article we’ll be focusing on Windows and Mac implementations. That’s not to say Linux (especially Ubuntu) can’t be used for graphics and web design – but it’s certainly not within the majority of market shares as its two rivals.

在操作系统领域,有三种系统是应用的比较多的:Windows系统、Mac OS X系统以及各种Linux发行版。对于本文,我们将专注于讨论Windows系统和Mac系统的应用。这并不是说Linux系统(尤其是Ubuntu系 统)不能用在图形和网页设计中。只是因为和Windows系统和Mac系统比起来,它只占操作系统市场份额的很小一部分。

Easy User Experience舒适的用户体验

Both Microsoft and Apple have released astounding advancements into their latest Operating Systems. Windows 7 boasts an incredible new taskbar and updates on many of the UI elements where Vista failed miserably. Similarly Mac OS X Snow Leopard has exposed Apple’s soft creative underbelly.

微软和苹果公司都在他们最新的操作系统中应用了它们令人吃惊的先进技术。Windows 7系统具有令人难以置信的、全新的任务栏,很多UI元素也得到了更新,这一点是Vista系统望尘莫及的。类似地,Mac OS X Snow Leopard系统也毫无疑问地展示出了苹果公司软件的创造力。

With this latest version we see client support for tasks such as exposé. This feature is a refined view control offering thumbnails for photos and video files within explorer. Also some great additions to system processes to increase bootup and shut-down speeds!

有了这些最新版本的操作系统,我们看到客户端能够支持一些如exposé的任务。它可以实现精简的视图控制功能,在资源管理器中给图片和视频文件提供缩略图。系统处理中也添加进了很多东西以增加启动和关闭速度。

As both companies have so much to offer their userbase you may understand how deep this rivalry goes. When polling from various forums about personal choice in Operating System the results are, for the most part, unpredictable. Everything comes down to personal choice.

从这两家公司给用户群提供如此多的新功能,你或许能理解竞争已经深入到了什么程度。通过各种论坛,对个人选择使用什么操作系统进行调查,最终结果多半是不确定的。一切都归结于个人的选择。

Generally if a digital artist grew up using Windows XP he may find Windows 7 a more comfortable transition. This isn’t always the case since many artists break out into OS X and find the controls much more suitable.

一般来说,如果一个数字艺术家是使用Windows XP系统长大的,他们可能会发现Windows 7将是一个更舒适的(操作系统)发展方向。事实并非总是如此,因为很多艺术家会转而使用OS X系统并且发现该系统的控制功能更加方便。

Tasks and Required Software任务和所需软件

When examining into such a dualism we must look at the potential work environment, even past the Operating System. What software is going to be required to get your work done?

当涉及到这样一个二选一问题时,我们必须着眼于可能的工作环境,甚至要考虑操作系统这个环境之外的因素。为了完成工作,需要什么样的软件呢?

Mac OS X and Windows 7 do support most of the same core software suites. Although there are plenty of differences between just for Mac and PC only software, the digital age is versatile. For designers and illustrators the Adobe Creative Suite will prove the most useful item in their toolbox. Software is available for both OS choices and includes such popular items as Adobe Photoshop, Fireworks, Illustrator, Flash, and After Effects.

尽管针对Mac和PC机的设计软件存在很大的差别,Mac OS X和Windows 7系统却能支持大部分的、具有相同核心的软件套装。数字化时代中很多东西是通用的。对于设计者和插图画家来说,在他们的工具箱中,他们会发现Adobe Creative Suite是最有用的工具。很多软件对于两种系统来说都是可用的,这包括一些热门的软件:Adobe Photoshop, Fireworks, Illustrator, Flash, 以及After Effects。

For Windows there is an alternative application very popular among open-sourcers. GIMP (GNU Image Manipulation Program) has been around for years and runs many of the similiar features as Photoshop.

对于Windows系统,有一种可供选择的应用在开源社区很受欢迎。 GIMP(GNU Image Manipulation Program)已经出现很多年了且具有很多与Photoshop相似的功能。

The work area looks much different and you also don’t have access to the advanced filters from Adobe Labs. However for those on a tight budget GIMP comes with no price tag! It’s perfect for creating small graphics and resizing photos for the web.

工作区看起来很不一样,而且你也没办法从Adobe Labs处获得先进的滤镜。然而对于那些预算很吃紧的人,GIMP是免费的!当在为网页创建小图片和调整图片尺寸时,它将是一个很不错的选择。

The Working Web Developer网页开发工作

Web Design incorporates many aspects behind the curtain. Digital art, icons, graphics, and layout wireframes are all very important aspects. But without any HTML/CSS code you won’t be getting anything live online!

网页的幕后设计整合了很多方面。数字艺术、图标、图形以及布局框架都是很其中很重要的方面。但如果没有HTML/CSS代码,你将不能使任何在线的东西动起来!

Along with graphics suites Adobe also offers a web developers software IDE(Integrated Development Environment) titled Dreamweaver. You can work on any plaintext file such as HTML, PHP, SQL, CSS, JavaScript, or anything you may think of! Dreamweaver comes bundled with a host of additional features such as page templates, which allow for easy duplication of pages and content.

除了图形套装,Adobe还能为网页开发者提供开发软件IDE——Dreamweaver。你可以用它来编辑任何纯文本文件,包括HTML, PHP, SQL, CSS, JavaScript以及其它你能想出来的任何文件。Dreamweaver还有其它很多功能,如页面模板,该功能使你轻松的重用页面和内容。

Development over both Windows and Mac OS X offer individual packages for Adobe Dreamweaver. The program runs exactly the same in both environments and offers a very stable solution for programming. If you don’t have money to shell out luckily there are plenty of alternatives.

针对Windows 和 Mac OS X系统的开发使Adobe Dreamweaver对每个系统单独提供了软件包。该程序在两种环境下运行情况是一样的,并且为编程提供了一个很稳定的解决方案。如果你没有足够的钱来 支付这些软件包,幸运的是,你还有很多其它的选择余地。

Having previously developed over Mac OS X many web designers I’ve asked have concurredPanic’s Coda is by far the best option for text editing. It includes code highlighting for the most popular languages and offers self-help documentation within the program!

我问过很多在Mac OS X系统下开发过网页的设计者,他们一致同意:迄今为止, Panic’s Coda是进行文本编辑的最佳选择。它具有对最流行编程语言的代码高亮功能,并提供程序内置的帮助文档。

If you’re developing for iOS mobile apps XCode 4 is a much better solution. This has native support for Objective-C and the Cocoa library which is included for all apps at runtime. Apple provides exceptional documentation on the language so it’s brutally simple to comprehend and build something great.

如果你正在为手机操作系统iOS开发应用程序,XCode 4是一个更好的解决方案。它原生支持所有app在运行时都要用到的Objective-C 和Cocoa库。苹果公司为这些语言提供了特有的文档,所以它是非常容易理解的,利用它可以开发出很多伟大的东西。

All Windows Development纯Windows开发

If you’re looking to the simpler side Windows has tons of freeware solutions. All the way from XP to Win7 there are tens of hundreds of open-source projects for code junkies. ProminentlyNotepad++ is widely spoken of from frontend and backend developers alike.

如果你力求简单,在Windows系统下有无数免费的解决方案。从XP到Win7系统的发展过程中有数以万计的、代码迷们可以获得的开源项目。此时,网页前端和后端开发者们都提到了比较好的方案: Notepad++

It’s a free download and comes with some great features you don’t find in other applications. Tabbed browsing for editing multiple documents within a single window, also a library of 50+ languages for syntax highlighting.

它可以免费下载,并且具有一些在其它应用中找不到的好功能。可以在单独的一个窗口,通过翻页浏览对复杂的文档进行编辑,并包括一个能对50多种语言进行语法高亮的库。

If you’re looking for professional options a bit cheaper than Dreamweaver I highly recommendphpDesigner 7 for Windows. Don’t let the name fool you – although the package specializes in PHP it offers code highlighting for all web documents including HTML and JavaScript.

如果你正在寻找比Dreamweaver便宜很多的专业设计方法。我强烈推荐针对Windows的 phpDesigner 7。不要让它的名字欺骗了你。尽管软件包是针对PHP的,但它对所有网页代码文件提供了代码高亮功能,包括HTML和JavaScript语言。

What’s so great about phpDesigner is how integrated the software becomes. You are able to run a local server directly from the application window for testing PHP code. The IDE will also mark read errors with a red “X” at the end of a line of code. This feature is not found in anywhere Dreamweaver and has saved me hours of tirelessly searching and fixing bugs in my programs.

phpDesigner的强大之处在于软件得到了很好的整合。你可以直接通过应用窗口,运用本地服务器对PHP代码进行测试。IDE也会在代码的最 后一行用一个红“X”标记出错误。这种特点在Dreamweaver的任何地方都发现不了,这种功能节省了我很多时间,使我不用再不知疲倦地寻找和修补程 序中的漏洞。

Conclusion结论

The investigation of digital Operating Systems could also include a comparison of features such as document processing, alternative web browsers, and FTP software. However these are all minor accessories. Truly the choice is yours and comes down to personal opinion and comfort.

对数字操作系统的调查也可以包括以下这些方面的对比:文档的处理、可供选择的网页浏览器以及FTP软件。然而,这些都是次要部分。最终如何选择在你自己,更归结为个人的意见和舒适性。

If you are more satisfied working on a Macintosh then absolutely stick with it! Generally graphics designers and video editors enjoy the simple controls allowed within the Mac Unix-like OS. At the other end of the spectrum I have found many developers enjoy the freedoms and administrative control in Windows, allowing for easy file manipulation and installation of local web server(s) and databases.

如果你更喜欢用Macintosh工作,那么你完全可以一直用它。一般来说,图形设计者和视频编辑者都喜欢用Mac Unix-like OS系统,因为该系统中很多控制更简单。另一方面,我发现很多开发者喜欢用更自由和有管理员权限控制的Windows系统,它在文件操作和本地网页服务器 和数据库的安装等方面都更方便。

Advertisements

浅析摄影与WEB设计中的构图

摄影构图是从美术的构图转化而来,我们也可以简单的称它为取景。摄影构图是研究以表象形式结构在摄影画面上形成美的形式表现。经典的构图是历代艺术家通过实践用科学的方法总结出来的经验,是适合于人们共有的视觉审美经验,符合人们所接受的形式美的法则,是审美实践的结晶。显然,吸收前人的经验对摄影的形式表现将产生积极的作用。
研究构图的目的是研究在一个平面上处理好三维空间——高、宽、深之间的关系,以突出主题,增强艺术的感染力。构图处理是否得当,是否新颖,是否简洁,对于设计作品的成败关系很大。 成功的构图能使作品内容顺理成章,主次分明,主题突出,赏心悦目。反之,就会影响作品的效果,没有章法,缺乏层次,整副作品不知所云。

在网易摄影中发现许多优秀作品都运用到了其中一些表现形式,比如黄金分割,平衡,对比,留白等等,再结合自己在视觉设计工作中涉及到的一些构图形式 ,发现,艺术有许多地方原来是相通的。下面就以摄影与WEB设计中的构图来简单看看它们共同用到的一些表现形式:

黄金分割

黄金分割(Golden Section)是一种数学上的比例关系,分割点约等于0.618:1。因为黄金分割率和黄金矩形能够给画面带来美感,所以无论摄影,视觉设计还是其他的艺术形式都应用到了这种比例关系。黄金分割的画面排布可以给作品带来愉悦的视觉感受,它具有严格的比例性,艺术性,和谐性,蕴藏着丰富的美学价值。

上图这张摄影作品采用经典的黄金分割使得画面简洁而充满意境,带给人美感和回味。

网易新闻内容页的设计左栏宽度是590像素,整体版面的宽度是960像素,两者之间的比例是0.614,非常的接近黄金分割。

平衡

平衡式构图通常表达一种满足的感觉,其画面结构完美,对应而平衡。采用平衡式构图的画面,各主要部分之间平等,无主次之分,一般是几个形象同时出现在画面。值得注意的是,平衡和对称是有区别的。 平衡式构图的画面不是左右两边景物形状、数量、大小、排列的对称,而是相等或者相近形状、数量、大小的不同排列,给人以视觉上的稳定,是一种相互呼应,是运用近重远轻、近大远小、深重轻浅等透视规律和视觉习惯的艺术平衡。

在这张人像照片中,摄影师完美地利用构图平衡了亮部与暗部。整个画面被光分成两部分,其余部分也都得到了完美的平衡。倒影与窗户,左上角的天空与右下角的地面,在这幅构图中没有任何多余的东西。

场景类表现手法一般用到平衡式构图,天下贰官网头图通过景深组织出画面元素,形成视觉层次

网页页面构图中的重心平衡是影响一个页面美观的一个关键,如果在一个页面上重心没有平衡,这个页面不论内容多丰富,图片运用多得当,都会让浏览者在浏览的时候产生别扭感。

对比

对比,在日常生活中经常用到,两个事物互相比对,突出事物的特点和性质,有助于中心思想和主题的表达。在摄影和视觉设计中也经常用到对比法,如大与小、明与暗、冷与暖、动与静、疏与密、刚与柔、等手法。

这张作品运用到了色彩的对比,使画面出奇的干净,简洁,色彩丰富

沙滩与天空的颜色对比让整个网页看起看形象生动

色彩的感染力在许多时候是利用色彩之间的对比、互相烘托来增强的。利用色彩对比,是加强主体表现的重要手段。主体的色彩与环境的色彩对比强烈时,主体便鲜明突出。利用色彩对比,也能使画面富于变化或产生韵律感。利用色彩对比,也有助于引发画面意境。

垂直

垂直线构图给人稳健,平衡,踏实的视觉感受,这种构图方式常常出现在高耸的物体,如建筑,树林,山川峭壁,瀑布水流等。在垂直线构图的画面内容选取上,既可以表现垂直线的力度和形式感,使画面简洁大气,也可以在画面中荣誉一些能带来新鲜感的非对称元素,使画面增加新意。

在树林中拍摄的这张作品用树木的线条,营造出了垂直线构图所带来稳健。

上图banner的设计采用垂直构图展现了模特和牛仔裤的修长

斜线

斜线具有动感,能够令人激动,增加构图的气势。常表现运动、流动、倾斜等场面。可以利用篱笆、石墙、桥梁、雪垅、影子等等构成这种线条。具有斜线的形状在画面中重复出现,具有会使作品颇具神韵,引起观众的兴趣。

采用斜线的构图方式让作品中的人物显得形象生动

斜线的张力让整个页面富有动感和延伸性

留白

将一幅画面或场景剥离到只剩下最少的元素,是一种常常令人感到耳目一新的构图方式。将所有令人感兴趣的东西都塞入画面带来的问题是,我们越是把所有的物体、人物、线条、形状等等塞满画面,观众就会越发感到无所适从。构图中恰当的留白不仅可以起到突出衬托主体的作用,还可以使画面产生绝佳的意境,引发观众无限联想的空间,达到“此处无声胜有声”的效果。

只要运用得当,留出的空白不仅让画面显得大气,而且更让画面具有感染力和联想力。

Apple官网的设计使用恰当的留白使得整个页面简洁通透,使用户感受到科技带给人的无限遐想。

当然,上面的说到的几种表现形式,都只涉及到构图的部分内容,并不能包括构图的全部含义。对于摄影和视觉设计,它们可以有共同之处也有互补的地方,视觉设计讲究利用视觉符号来传递各种信息的设计,主要以文字、图形、色彩为基本要素的艺术创作。而摄影艺术主要以感光材料为工具,运用画面构图、光线、影调(或色调)等造型手段来表现主题并求得其艺术形象 。作为设计师,应该力求把握好每一个点,每一根线,每一个色块,每一个版面。摄影师也是一样,必须努力掌握好每一束光,每一个影,每一块色调,每一个布局。

中文logo设计技巧

我们进行logo设计时要充分符合标志的作用对象受众直观接受能力、审美意识、社会心理和禁忌。logo商标中的构思力求深刻、巧妙、新颖、独特,表意准确,能经受住时间的考验。构图凝练、美观、适形(适应其应用物的形态)。

中文标志(logo)设计常用技巧

我们在进行标志设计的时候图形要求简练、概括讲究艺术性,色彩则需要单纯、强烈、醒目。应该要了解logo商标的对象使用目的、它的适用范畴、客户对作品的要求以及要体现出来的功能性要求。还要充分考虑到标志实现的可行性,比如,针对标志的应用形式、所使用的材料以及制作条件等等手段来考虑logo商标是否合理可行,同时我们还要顾及到logo商标中的作品视觉传播如印刷、广告设计、映像等的放大、缩小时的视觉效果。避免因为一些因素带来的不必要的麻烦

企业logo设计中的商标不仅仅只是实物VI设计,也是一种图形艺术的设计。由于它对标志中所体现出的简练、概括、完美的要求十分苛刻,以至于每创作出一份作品都要求完美到几乎找不到更好的方案来替代,这样的作品最后才有可能被启用,所以我们说企业logo设计中的商标的难度一点不亚于其他任何一个图形艺术设计。那么,我们在进行标志设计时,又有一些什么技巧呢?

1. 柔美法——结合字体特征,运用波浪或卷曲的线条来表现的形式

中文标志(logo)设计常用技巧

2. 连接法——结合字体特征将笔画相连接的形式

中文标志(logo)设计常用技巧

3. 简化法——根据字体特点,利用视觉错觉合理地简化字体部分笔画的形式

中文标志(logo)设计常用技巧

4. 附加法——在字体外添加配合表现标示的图形的形式

中文标志(logo)设计常用技巧

5. 印章法——以中国传统印章为底纹或元素的形式

中文标志(logo)设计常用技巧

6. 书法法——把中国书法融入字体设计中的形式

中文标志(logo)设计常用技巧

7. 综合元素——综合使用各种风格来修饰标志的形式

中文标志(logo)设计常用技巧

8. 底图法——将字体镶嵌于色块或图案中的形式

中文标志(logo)设计常用技巧

9. 象征法——将字体的笔画进行象征性演变的形式

中文标志(logo)设计常用技巧

10. 刚直法——用直线型的笔画来组成字体的形式

中文标志(logo)设计常用技巧

当然此处说到的只是一些标志设计中的基础技巧,至于如何把这些基础技巧灵活运用,制作出高质量的标志设计作品,那还要看你的艺术造诣了。

无处不设计

在如今这个泛设计的时代,设计也逐渐从一个艺术门类向生活形态过渡,因此总会遇到很多尴尬局面。比如有品牌爱好者和你谈最新的时尚资讯,比如前几天有个学公关的朋友自己画了个标志草稿让你修改并采用,某个学考古的朋友自己找了个设计网站的模板告诉你他的设计更快更好;让你觉得人家比你还懂设计;看起来我这个"科班出身"的设计师似乎要靠边站了。
在这里我也不敢写什么太专业的文章,所以把我平时收藏的一些图片和海报拿出来和大家分享,并且从几个因素来讨论通过从版式设计、颜色运用及对比来使你的设计给人留下深刻的印象并且有效地传达信息。
究竟什么是设计?

百度说,设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人会说设计是人类社会发展到一定阶段时的产物,是"需求+信息+色彩"的一种视觉传达方式。

总之,无论设计是以何种形态出现,目的都为了更好地传达信息, 给人留下深刻的视觉印象。要想给人留下深刻印象最好的办法就是视觉冲击力。一个页面版式及独创性会决定别人观看你的作品时间的长短,只有观众注意到你的作品时并且在你的作品中停留的时间较长,信息才能有效传达。有时候我们会陶醉于个人风格中。但是很多时候设计本身并不是目的,设计是为了更好地传播信息的手段。一个好的设计,首先必须明确需求的目的,并且深入去了解。版面离不开内容,更要体现内容的主题思想,用以增强读者的注意力与理解力。只有做到主题鲜明突出,一目了然,才能达到设计的最终目标。如果你的作品不能引起别人的注意,不能让人很快了解其中的信息,那么其它神马也都是浮云。

我们确实会遇到这种情况,在做设计时,有大量的信息需要集中在一张小尺寸的图片上。是的,很多时候我们会选择性地挑选信息阅读。这时候我们就要让信息简单化,对文字进行取舍,即使是最主要的信息我们也要对其主次之分,加强视觉对比。所以这时候我们也许就需要通过色彩,构图,版式等方式强调重要信息。
我们先看下面这种图:信息虽然也不少,但是还是能让读者很快找到重要信息。

 

下面是nike以手绘为主的一系列海报。以手绘体现中心主题。从手绘的图片及文字中能够获得信息。并且通过手绘来打动读者.加上大面积单纯色彩的平涂,使得主体图式显著跃现出来,有效地增强了图像的视觉张力和感染力。
虽然现在大量的矢量图片方便了设计师。同时也使得原创设计减少。而原创的根本就是经验和想象力,手绘能力可以增加设计表现能力。所以我一直认为好的设计师应该都具备一定的手绘能力。

下面这张图片的装饰因素是文字、图形、色彩等通过字母组合与排列构成的,并采用比喻、象征的手法来体现视觉效果,既美化了版面,又提高了传达信息的功能。

这是一种活泼性的版面视觉语言。版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人。

很显然,下面的设计中构图非常简洁,而且元素非常大,虽然仅是图片加logo的低预算设计,但却非常吸引人的视线。

下面这张图构图也非常简洁,虽然只有黑白两色,但是也给人较强的视觉效果

"尺寸"的意思并非说一定要很大,如下面这个招贴海报,你很难忽略它。原因恰恰是它的元素尺寸非常小,这仍然是一种强对比的设计——大面积的留白空间与小元素形成强烈对比。

 

将元素变大,也意味着让它更有力量,可以将一些平淡无奇的元素变得吸引人。在下面这个例子中,虽然只是以文字为主,但却一点都不枯燥,将背景中的人物放得很大,甚至超出了版面,但读者仍然知道它的意思,而且文字呈角度摆放,同样传达了一种很强的冲击力。

 

一种大面积的单色以简单的形状出现时,可以很快吸引读者的眼光。对比来自于高跟鞋及标题文字,使到图片看起来更大。我们在脑海中会将图片超出边缘的部分自动补上,也进一步强化了图片的大尺寸印象。

 

下面这张图是一商场的品牌海报,一个尺寸非常大的装饰元素与各品牌logo相结合形成吸引人的视觉焦点,由于文字很小,所以装饰元素与文字一起与整个页面仍然形成了对比.

 

下面这个版面是上述设计的另一种变化,改变了尺寸中元素的对比比例。一般来说,装饰元素通常都较小,传达一种精致的效果,但在下面这个例子中,装饰元素放得很大,使到这个装饰元素让人无法忽略。我们不仅仅要考虑创造冲击力时的尺寸,而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片,使到它与其它广告排在一起时仍然能够突围而出。

 

 

最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽,当然也能够说是有冲击力的,但却让人难以兴奋。由于科技的发展,现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用,而且各种软件的出现也使我们可以轻易做到这一点, 但是颜色不仅仅指"五彩缤纷的颜色"。黑与白同样是一种颜色。

下面这个例子中,由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。 灰色的人物头像作为背景,标题文字背景填充一块暖色,使得页面较为低调,但是标题又很突出,同时与焦点元素的图片不产生冲突.

颜色的运用可以是既保守又引人注目。在下面这个例子中,纯色的背景使你的视觉由上至下穿越,同时与白色的标题形成强烈的对比。如果你能在脑海中想象我们在这个设计中使用更多颜色设计,你或许会看到焦点元素与这个设计并不一样,眼睛的视线也会不同,而且更重要的是,在视觉上的冲击力也不会这么强烈,虽然它们运用了更多的颜色来设计。

 

在很多设计中,我们所看到的第一张图片通常是我们已经预料到的,比如一个食品广告,你的脑海里立马呈现食物的照片;你在看一张有关旅游的广告,你已经知道肯定会有一些风景照在里面,这是我们通常想到的东西。但我们是否可以思考一下,如何让人感到出乎意料? 你或许会应用一些特殊的字体,或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色,反正,就是尽量避免按别人的习惯思维去设计,这种思路如果能够准确应用,理所当然能够获得很好的吸引效果。这并不意味着你要惊世骇俗。只是意味着在设计中,你偶尔有与众不同的一两步就已经足够。出来的效果仍然会显得端庄沉稳,但至少不会沉闷。

下面这些食品创意海报鲜明的个性,是版面构成的创意灵魂。,这样的海报给读者以视觉惊喜的同时更能赢得消费者的青睐。

 

在下面这个封面设计中,是可以预期的设计,无论是字体还是排版,都已经被过度使用了。并不是说这种字体不漂亮,这种黑体作为封面,显得清晰有力,但问题是,当这些字体被用过了无数次作为封面后,它已经越来越缺乏活力了。

而下面这个图形设计则给我们另外的感觉,一个普通的条形码经过处理后呈现一种高科技的感觉,传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运用的具体含义,但都会从图片感知到与标题相符的信息:创造性。

下面这个设计中使用了一些基本的元素来处理页面,出来的结果也是一种被过度使用的版式,居中设计,大标题,大图片。

留意下面这个设计,虽然文字有部分被切掉,但是我们还是会潜意识里将被切掉的部分填回去..因此,页面用更少的面积,获得更大的视觉冲击力,因为被切去部分的文字本身已经能够引起足够多的注意。

下面这张图通过版面的文、图间的组合与协调性的编排,使版面具有秩序美、条理美,从而给人以良好的视觉感受。

当然页面是传播信息的桥梁,形式必须符合主题的思想内容,只讲表现形式而忽略内容,或只求内容而缺乏艺术表现,版面都是不成功的。只有把形式与内容合统一,才能解决设计应说什么,对谁说和怎么说的问题。

其实无论是做推广设计或是平面设计,目的都为了更好地传达信息,引起别人的注意;使人获得更良好的视觉效果。工作这么久以来一直从事着视觉设计相关的工作.我觉得设计不在于制造新奇花俏的图像和文字,而在于如何组合那些熟悉的文字与图片,从而令人产生全新视觉趣味! 我们拥有高度工作的热情,精辟独到的见解和灵活创新的理念。当然,这一切都需要一个展现自我的舞台。设计不是我们用来标榜的工具, ,设计要为客户的切身需求服务,我坚信只有有用的设计才是有价值的。

来源:http://uedc.163.com/4707.html

表意性图像在设计中的广泛应用范例

Icon、剪影、标识等表意性图像拥有现代主义设计简洁、鲜明和高度抽象化的风格。大部分时候我们只在网站、图表和指示牌上看到它们。但在这一辑案例中我们可以看到传统设计已经将其吸收为特别的元素,通过组合、排列、反差等手法在家居、平面、画册、工业、概念设计中广泛进行了极为成功的应用。

Today I would like to share 75 cool icon illustration design for your inspiration. This post is to inspire you (and me) with the fresh inspiring designs submitted by designers worldwide. If you would like to share your work and being published on DzineBlog.com, feel free to email us at mywork@dzineblog.com. I may publish your work here. Enjoy!

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Undoboy

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Ico by Ondrej Job

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Sascha Elmers

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Soul Seven

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Ah & Oh Design Studio

Jkaczmarek

Jkaczmarek

Jkaczmarek

Jkaczmarek

Jkaczmarek

Jkaczmarek

Jkaczmarek

Jkaczmarek

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Astrid Ortiz

Jan Feliks Kallwejt

Jan Feliks Kallwejt

Jan Feliks Kallwejt

Jan Feliks Kallwejt

Jan Feliks Kallwejt

Jan Feliks Kallwejt

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

Grabelnikov

视觉设计中如何突出关键内容

互联网企业的生存就是必须要推出新的创意去引导用户在网站上进行交互,网站推出新的产品,改良用户体验,如何让用户去知道,去使用。
如果说这个网站颜色很单一,形状一样,那么用户必定是扫视一下即离开
能够让用户知道并去使用网站的新产品or关键点or有价值的,必须是

1 让用户看到 (有G点)

2 有让用户去点击的欲望(有内容)

本篇内容从视觉 的角度  讲一些 怎么去让用户看到,形成G点。使该要突出的内容“鹤立鸡群”。

一、 醒目的颜色

\ \

“万里红中一点绿” 这个绿色当然是最容易被发现的。这是突出关键点的常见方法之一。如腾讯网用这样的方法重点推荐微博和电脑管家产品

二、形状不一致

\ \

不同的形状 也会使内容从千篇一律的字海中脱颖而出,从而吸引用户去关注,常用于引导注册或购买等引导用户去与网站进行交互,凸显网站的某方面优势。如麦包包在导航中用与分类不同形状的按钮来引导用户快速选包、参加促销 和查看新上架的产品。

三、加背景色

\ \

加背景色也是目前用的较多的方法之一,各大网站都能见到这样的引导。最常见的是鼠标悬停时显示背景,也有固定显示背景的,如电子商务类的大分类加背景色。豆瓣中有很多利用的这一方法。

四、加外框

\ \

这个方法和加背景属于同一个性质。不过在中国四周加边框有其他含义。所以经常用到的还是底边的下划线。如网易新出来的一个功能,可以显示用户从上次访问到现在的更新资讯,用加下划线表示。

五、不成一条直线

\ \

将要突出显示的内容 高于其他内容 从而达到特别,去引导用户,最常见的还是在导航,或者网站地图中突出某一个服务。如焦点科技tcd团队博客的导航采用了这一方法

六、填充

\ \

填充看上去和加背景色差不多,不过这个方法要比加背景色更广义一点。加背景色只是把容器加了底色,而填充的概念是把容器给填满了而填充物品不局限于颜色,可以有丰富多彩的样式。如上图 麦包包的 热门分类的设计 。

七、让内容动起来

\ \

大家都不动,就你在动。那你该多么耀眼啊,同样的互联网产品里,静止的文字中突然有一行文字在来回晃动。那么肯定能吸引眼球。如淘宝滚动的活动商品和上图麦包包的新品推荐。 

八、加阴影

\ \

阴影能使人对物体产生立体感。同样能够使产品凸显出来。如腾讯的今年二会专题 中的微博报道很好的利用了这一方法。

九、凹凸(立体感)

\ \

凹凸效果也是常见的起到重点突出的作用,最多的是按钮的表现手法,一个视觉很好的按钮足以让人产生点击的欲望。如阿里巴巴右上角用质感很强烈的按钮区引导用户去注册去查看,在鼠标滑过时原来的凸变成了凹。

十、闪烁效果

\ \

相信你阅读在这里的时候一定很容易的发现上图在跳跃的文字了吧,的确这种方式是很能吸引到用户的注意,但是网页上如果很多这样的效果,会显得很不友好。

十一、清晰度

\ \

平面设计中常采用局部模糊来烘托出重点展示的部分(如上图),在网站的品牌设计或者宣传类设计亦可用这用方法。

上面是常用的表现重点的方法,此外还有一些其他方法:

\ \\ \

上面的方法是建立在已经有好的产品,旨在更好的去突出自己的产品。互联网的产品是要建立到好用的基础上去好看的。如果光有好看的外壳,没有实质可点击的内容,用户会有种上当的感觉,“狼来了”的故事是不会有人信第三遍的。

Objectified:设计的过去、现在与未来

vauxhall meriva design emblem 1 08

Objectified是Gary Hustwit拍摄的关于工业设计的纪录片,这部只有1小时15分钟的纪录片通过采访各地的设计师,通过他们的口述记录了大量的信息,从早期工业设计的特征标准化,批量生产,到如今的普遍的个性化/情感化需求,可以说是一部工业设计的思潮漫游。

由于Gary Hustwit 在剪辑中建立的晦涩的逻辑,及每个设计师在表达和传递观点的不同风格,使得这部影片不少地方都晦暗不明,回去之后再回顾了一遍,试着树立影片的观点脉络。

1、亨利·福特:每样物品都有一个故事,只要妳知道如何解读

当设计充斥了我们的生活的时候,我们却常常忘记这些随手可及的“物品”都经过深思熟虑的设计,人们所看到的物品的背后,都凝聚着设计师对于特定环节/过程的深思熟虑的思考。

2、设计与人

Dan formosa说:“设计和顾问工作的本质是对于人的关注,设计关心的不是标准人,而是极限的人,一旦确定了极限,中间就好解决了。”

Dan是IBM第一款个人电脑的设计者,同时也是SMART设计工作室的联合创始人。

Dan说出这句话的时候,我是迟疑了一下,因为这和我个人的设计方法恰恰相反的,我常常是在为标准的用户设计,而在此基础上兼顾极限情况下的处理。因为这种方式常常能为你的大多数使用情景建立起更舒适和方便的使用。

但我在思考这种设计方法是否和特定的设计对象和面对的用户相关,对于传统的工业设计所面对的常常是大众消费市场,为了保障设计的普遍意义的舒适度,才必要寻找各种极限值,在不产生冲突的情况下得出的阈值也是能够更大范围的舒适度区间。对于这一点,我并不确定。

3、好的设计

Dieter Rams(来自德国的工业设计大师,苹果的Ive的不少设计深受其影响)用了一连串的形容词来试图对好的设计进行定义(其还有另外一个版本,略有差异):

o    创新
o    实用
o    美
o    易于理解
o    诚实
o    不显眼
o    耐用
o    细节
o    环保
o    尽可能少的设计

对于这些好的设计的定义或许难以精确,但在设计师群体中往往都会引起共鸣,这些美妙的词汇往往以一种难以企及的光辉照耀埋首在细枝末节的我们,我们对于设计的评价太单薄了,太草率了。

在不同的时期,人们对于好的设计的倾向性会有差异,比如Garbino在提到设计与现代社会的环保问题时提到,为什么我们要生产那么耐用的产品,如果一个产品的使用周期较短,那么是不是可以考虑一些不那么耐久的材料?

4、设计的视野

苹果的帅哥设计师Jonathan Ive在提到Imac的设计时说:“我们不断推动自己尝试着搞明白,我们能否用一个部件来取代那六个?……这并不是在设计一个产品,而是在重塑制作流程!”

这两句话让我挺震撼的。

不得不承认,我们对于设计的理解往往太片面和狭隘了,一方面由于我们自身工作的局限性,另一方面则是环境驱使我们更加低头关注脚下的土地,所以我们很少能看到设计师在面对更宏大场景时应该起到的作用。

完善的设计总是从整个流程出发,而不是仅仅在设计环节

5、设计的进化

“新一代的产品,形式和功能可以完全无关,一个未经提示而完全不知道为何物的物品,这让我们意识到已经进入了一个新的时代,非实体文化的时代,设计大量紧张和冲突”

电子工业改变了一切,传统的通过形式表达内容,通过机械传动来控制的方式被芯片强烈改变,这给新时代的工业设计带来颠覆,也带来挑战。人们对于物品的使用不能再基于传统的形式与内容的对应关系,而新的模式是什么,也许是象征,也许是全新的人与物的关系。

正如Garbino所说,“我们在技术上走的如此之远,却又偏执的不敢承认自己正生活在革命当众。想象一下,我坐在笔记本钱,正要出门,我该做什么,找我的马和车吗?”

——我们对于功能与形式的思维惯性使得我们不断回溯,为什么汽车的刹车要用脚,为什么电脑需要键盘?

6、设计情感化

那些你感觉最重要的产品,才经得住时间的考验。

“我父亲经常做的椅子,母亲的花瓶”,凡此种种从物品中得到的故事才是使得物品和我们紧密不可分割的原因。因为在那件物品上你投射了额外的情感,也使得物品超越成为生命的一部分。

物品与历史,与人文和情感的结合,使得物品具有更多额外的人文气息。

就如vitra看似随意缝在沙发上的扣子,让它增加手工艺的细节——这正是通过设计使得产品和使用者沟通的时刻。

7、设计与商业

设计不是为了福利而存在,在商业社会,设计被普遍作为产品的附加值存在,这也使得设计和精英主义被合并了,远离了设计民主化的文化土壤。

8、个人意识的觉醒

纪录片中宝马公司的前设计总监说,“车反射着你想要从它那看到的情感能量,产品具有情感真实性,强烈的反映出它为何物。”

或许这句描述抽象了些,其想表达的是在一个趋于个性化的时代潮流中,设计要被迫面对的不是大众需求,也不是大批量生产的需要,而是每个个体的内心诉求。

我们购买的东西,真正的受众正是我们自己。没有人在乎你带着蓝框或黑框的眼镜,而恰恰是我们从这些物品上看到我们自己的形象,我们购买的是我们自己——我们消费和购买是因为他们本身能够反射出我们的强烈的个人信号,那就是我应该拥有的!

那些有意义的东西真正的反映了真实的你,你的个人点滴,只讲给你自己的故事,因为自己才是唯一要紧的听众。

9、设计与可持续性

设计师为已经拥有太多的人来设计,由此而产生的生产过剩,却未能惠及大众。

可持续性不仅仅是使用一些环保材料,它需求对设计的每个环节重新打造。设计不仅仅是界面,也不仅仅是互动方式,而且包括整个的流程的建立或改造。

10、设计师的未来

设计师在将来将成为策略制定者的参谋,为任何想要在高深的,难以表达的意念与显示以及与人之间建立关联的人们服务。

制作和设计的工具将被开放给每个人,设计的个性化将彼此联结在一起。