设计爱好者
http://network.feedsky.com/designfans

圈子简介
设计爱好者;分享设计的快乐!

圈子公告
如果你爱好设计,那么就加入设计爱好者吧;在这里分享设计的快乐!
创建者:Beach
分类:IT-互联网
成员数:5
订阅数:1
Tag:设计  爱好  Design  Flash 
创建时间:2007-10-06
作者:Jeff
下一页
时间:2008-09-08

看图无须言语。好东西,值得一看。


看过本篇的朋友,还看过:

作者:Jeff
下一页
时间:2008-09-07

  网页设计中的脏、乱、差,是我们在设计过程中常会遇到的问题。通常“脏”是由对色彩使用不当所产生的,而色彩使用不当产生的不好效果也分为:“花、灰”,花哨、灰头土脸也就是这里所说的“脏”。我已经在早前的一些文章中谈过我对设计中运用色彩的看法。有兴趣的朋友可以查阅一下《色彩解释》。而“差”基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位,某个局部的效果制作得粗糙。这可以称之为“差”,特别是在处理带有2D效果的设计作品时,这种情况常会出现。但是我今天在本文中所要谈的是“乱”。什么是乱?这里的乱不是指用色乱,也不是指内容乱,而主要是指布局乱。以前我有幸接触了平面设计,并且从中学到了很多平面设计上的一些知识与技法。其中“栅格设计”就是平面设计中用于处理布局的一种理论。到目前为止我还在研究“栅格设计”。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词。这更像是需要不断用实践去理解的。所以很多时候我们们都无法去讲述。但是在设计中这个栅格却是能帮助我们完成更好作品的一个非常好用的利器。对于栅格设计我也不能说是认识深刻,我这里只是依据我对于栅格设计的理解,将之用于网页设计中,希望能给更多的朋友们一点启示,或许能打开一些朋友的思路。

  单纯的文字是没办法让设计师们耐心的看下去的,所以还是老办法,用示图来作为讲解模型。这次我们使用的网页是微软、IBM、ASTRO三个公司网站来讲解。希望通过分解这三个公司的网站设计,能把我所理解的栅格设计传达出来。废话少说,看示图:

  我们看到微软公司的网站设计中并没有什么明显的线去区隔不同的区块,但是当我们把当蒙上一层纱,然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中。那么这个阵列中的内容已经很明显了,并且我们从中发现了很多区块在页面中的位置居然是那么的有条理,并且有一些并不在一起的区块,居然也有一定的规律。当然有人可能会说,都用线画出来了当然显得条理,整齐了。问题就在于这里,我们的网站都可以用纵横线区分开。但是一些设计得不好的网站的纵横线可能数量非常的多,纵横线的数量过多并且都挤在一直,这就说明网站的布局显得太乱。或者是过于条理而变得布局平均,没有对比,缺乏美感。其实只要用这样的方法去分析一下自己设计的作品也许就能从中看到问题所在。

  下面我们再来看一下IBM的网站的分解图:

  我们看到IBM的栅格与MS的有很大的不同,IBM中还出现了一些差不多大的栅格,但是这里要注意其实这些栅格是由于底部很小的几个区块所产生的,并且这凡个区块还可以看作是一个横向的区块。我们从这里可以看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不容易注意到的。这是很高明的手法。

  我们再来看看ASTRO公司的网站,这个网站比起上面两个公司的网站就更娱乐化,更有趣了。

  从这三个网站中我们可以看到三种不同风格的栅格设计,虽然有所不同,但我们依然可以发现三者都会尽可能的把最重要的信息放在视觉中心点上,不论是放在左边的还是右边的或是中间的,他们都得到了最大的栅格区,得到了足够的重视!我们的视觉中心也自然盯在了上面!

看过本篇的朋友,还看过:

作者:Jeff
下一页
时间:2008-09-07

栅格就是你对页面版式的规划

你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。

栅格是隐形的架构,用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现,但却影响巨大,它控制着文本栏的宽度、照片周围空白的一致、杂志上每页重复出现元素的固定位置。栅格是一系列的辅助线,决定着印刷品的边距,页面元素(大标题、正文、照片等)之间的间距,让你知道如何在空白的页面上放置它们。

在决定是否使用或怎样使用栅格之前,你应该了解栅格的一些基础知识以及创建方法。虽然在印刷成品中看不到栅格,但在构建页面的过程中你还是需要能看见它。

在你的页面版式中可能会设置有“Margin”(页边距)。在屏幕上这些边线可能会显示为浅色的实线或虚线。上、下、左、右的边线在你的页面中部形成了一个盒子。你将以此为基点,建立单元格。通过把页面均分为几个等份,来创建多个单元格。你可以创建可见的网格来辅助页面排版:你的页面排版软件有辅助线的功能,或者你可以在非打印层绘制边线或方块。通常你可以从页面旁的标尺上“拖拽”出一条辅助线,然后放置在需要的地方。

  • 栅格与边距
    边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的,但在(同一个出版物内)每一页之间或每一版之间边距通常是保持一致的。在大部分程序中,你在设置页面格式(尺寸规格)的时候就可以设置页边距。在某些程序中,你甚至可以“实时的”在屏幕上拖动边线来调整边距。
  • 栅格与栏空
    当你将页面的内部空间(版心)分割为几个均等部分后,每个单元之间的白空间就称为”Alley” (栏空)。栏空的方向是水平的、垂直的、或是两个方向兼有,取决于你的栅格设置。在某些设计软件中,也称之为白空间或文本栏的”gutter”(内边距)。
  • 栅格与内边距
    两页或两版展开时,内部的边距就称为”gutter”(内边距),即中缝两边的边距。在某些排版软件中,两个文本栏之间的间隙也叫做”gutter”。
  • 栅格单元
    栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说,假如你有一幅比栅格单元大的图片,你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸,缩放匹配1、2、3或更多个栅格单元大小,然后将它放置在页面上。
  • 栅格提供了视觉上的条理性
    栅格有着不同的应用,但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性,并且大大加速了设计的进程,设计师不需要每一页都“从草图开始”规划版式和设计。

在一系列独立而有关联的印刷品(如系列海报,或是为某个广告活动或某产品线设计的一系列传单)中,一个共同的栅格有助于统一这系列独立印刷品的整体形象。

在一件印刷品中往往有多个独立元素(本文块、大标题,照片,图表),栅格会帮助你把这些页面元素组织得井井有条。

看过本篇的朋友,还看过:

作者:Kono
圣叹
时间:2008-09-07
Performance,懂不?Performance,Item Renderers需要谨慎使用,正确使用。
发发神经,被内存泄漏折腾的抓狂。
http://blogs.adobe.com/aharui/2007/03/thinking_about_item_renderers_1.html

Tags - , ,
作者:Beach
阿七涂画 - DesignLi
时间:2008-09-06
Google Chrome浏览器初体验          几天前,就在期待Google的Chrome浏览器! 了,3号终于下载来安装体验一番!当时下载完载程序,Google Chrom不知道安装到哪了,貌似没有征求我的意见就...

作者:Beach
阿七涂画 - DesignLi
时间:2008-09-06
刚才看了残奥会文艺演出,最大的感叹:中国人就是人多! 中间的一个节目,台上满是儿童,这个节目不错。只是觉得人多的效果,让老外觉得“中国总是惦记着人多”。 奥...

作者:Jeff
下一页
时间:2008-09-06

在国画中,有一句描述谋篇布局的话比较经典,叫做“计白当黑”,所谓“疏可走马,密不透风”,就是说空着的地方和着了墨的地方一样,都是整体的组成部分。这是书家画手所孜孜追求的。可见“留白”是非常重要的。有些画,尽管画得不错,但看起来就是不舒服,原因就是没有重视“留白”。

对于网页设计,又何尝不是如此呢?网页上的留白部分,同其它页面内容如文本、图片、动画一样,都是设计者在制作网页时要通盘斟酌的!

提升到艺术的高度来看待“留白”,留白既可以给人带来心理上的松弛,也可以给人带来紧张与节奏。通过这种手段可以向浏览者传达出设计者的诉求。设计者在设计网页时也就是在和浏览者做交流,好的设计师能够同浏览者进行心理的对话——不仅仅通过文字、图片、动画,同时也借助留白进行表达。只有照顾了整个页面空间的分配,留白才能表现出一定的活力。其实在排版布局中,我们经常在不知不觉地利用着留白。试想如果页面上充满了图片和文字,一点空隙都不留,那就根本谈不上韵律。利用留白的体量感来使页面布局平衡,在一种不平衡中营造平衡,这样就会使页面生动起来。我们应该在网页中通过留白的作用,使整个内容排布得松紧有度,给人以跌宕起伏之感。

看过本篇的朋友,还看过:

作者:Jeff
下一页
时间:2008-09-06

看美国原版电影是学习英语的有效途径之一,而在美国电影当中有一些著名的经典台词值得我们一读。下面是美国百佳电影中的经典台词,希望在你欣赏的同时也能学到地道的英语:

 

1.“Frankly, my dear, I don’t give a damn.” Gone with the Wind, 1939.“坦白说,亲爱的,我不在乎。”——《乱世佳人》(1939年)毫无疑问,即使那些没有看过《乱世佳人》的人,也会对白瑞德给郝思嘉的这句临别之言印象深刻。

 

 

2.“I’m going to make him an offer he can’t refuse.”The Godfather, 1972 .“我要开出一个他无法拒绝的条件。”——《教父》(1972年)

 

3.“You don’t understand! I could a had class. I could a been a contender. I could’ve been somebody, instead of a bum, which is what I am.” On the Waterfront, 1954 .

 

“你不明白!我本可以进入上流社会。我本可以成为一个上进的人。我本可以当个有脸面的人物,而不是像现在这样当个小混混。””——《码头风云》(1954年)这两句马龙?白兰度的台词出自令白兰度荣膺奥斯卡影帝的影片《教父》与《码头风云》。

 

4.“Toto, I’ve got a feeling we’re not in Kansas anymore.” The Wizard of Oz, 1939 .托托,我有一种感觉我们再也回不了家了。”——《绿野仙踪》(1939年) 朱迪?加兰在《绿野仙踪》中扮演的少女多罗茜对她的小狗托托说的这句话成了后来人们对无法回到鼎盛时期的感叹。

 

5.“Here’s looking at you, kid.” Casablanca, 1942. “孩子,就看你的了。”——《卡萨布兰卡》(1942年) 在1942年的电影《卡萨布兰卡》中,亨弗莱?鲍嘉对英格里?褒曼说了“孩子,就看你的了。”这句著名的经典台词。

 

6.“Go ahead, make my day.” Sudden Impact, 1983 .“来吧,让我也高兴高兴。”——《拨云见日》(1983年)

 

7.“All right, Mr. De Mille, I’m ready for my close-up.” Sunset Blvd., 1950 .“好了,德米勒先生,我为特写镜头做好准备了。”——《日落大道》(1950年)

 

8.“May the Force be with you.” Star Wars, 1977.“愿原力与你同在。”——《星球大战》(1977年)

 

9.“Fasten your seatbelts. It’s going to be a bumpy night.” All About Eve, 1950.“紧上安全带,今晚将会非常颠簸。”——《彗星美人》(1950年)

 

10.“You talking to me?” Taxi Driver, 1976 “你是在对我说话吗?”——《出租车司机》(1976年)

11.“What we’ve got here is failure to communicate.” Cool Hand Luke, 1967 .“现在我们得到的只是沟通上的失败。”——《铁窗喋血》(1967年)

 

12.“I love the smell of napalm in the morning.” Apocalypse Now, 1979.“我喜欢在清早闻汽油弹的气味。”——《现代启示录》(1979年)

 

13.“Love means never having to say you’re sorry.” Love Story, 1970 .“真爱意味着永远不必说对不起。”——《爱情故事》(1970年)

 

14.“The stuff that dreams are made of.” The Maltese Falcon, 1941 .“梦想由此构成。”《马耳他猎鹰》(1941年)

 

15.“E.T. phone home.” E.T. The Extra-Terrestrial, 1982 .“E.T.打电话回家。”——《E.T.外星人》(1982年)

 

16.“They call me Mister Tibbs!” In the Heat of the Night, 1967 .“他们叫我狄博思先生。”——《炎热的夜晚》(1967年)

 

17.“Rosebud.” Citizen Kane, 1941“玫瑰花蕾。”——《公民凯恩》(1941年)

 

18.“Made it, Ma! Top of the world!” White Heat, 1949 .“成了!妈!世界之巅!”——《白热》(1949年)

 

19.“I’m as mad as hell, and I’m not going to take this anymore!” Network, 1976 .“我已经忍无可忍,我受够了。”——《电视台风云》(1976年)

 

20.“Louis, I think this is the beginning of a beautiful friendship.” Casablanca, 1942 .“路易斯,我想这是一段美好友谊的开始。”——《卡萨布兰卡》(1942年)

 

21.“A census taker once tried to test me. I ate his liver with some fava beans and a nice Chianti.” The Silence of the Lambs, 1991.

 

“曾经有人想调查我。我就着蚕豆和酒,把他的肝脏吃掉了。”——《沉默羔羊》(1991年)

 

22.“Bond. James Bond.” Dr. No, 1962 .“邦德,詹姆斯?邦德。”——《诺博士》(“007”系列第一部,1962年)

 

23. “There’s no place like home.” The Wizard of Oz, 1939.“没有任何地方可以像家一样。”——《绿野仙踪》(1939年)

 

24. “I am big! It’s the pictures that got small.” Sunset Blvd., 1950 . “我很大!是画面太小了。”——《日落大道》(1950年)

 

25.“Show me the money!””Jerry Maguire, 1996.“给我钱!”——《甜心先生》(1996年)

看过本篇的朋友,还看过:

作者:Beach
阿七涂画 - DesignLi
时间:2008-09-05
今日听说汇源将要被可口可乐收购,真的是意见悲哀的问题! 中国的民族企业,或者说大一点的有点牌子的企业就只能遭受这样的命运?就被大股压的揣不过气来?只有这样的解决...

作者:Beach
阿七涂画 - DesignLi
时间:2008-09-04
LinkedList这个插件很是推荐推荐给大家!现在有很多博友用这个插件代替BlogRoll(友链)。这个插件是给访问源一个连接展示,回报的表示。 和Top Commentators的效果一样,异曲同工! ...


享受Rss订阅统计和发行管理服务, 马上使用Feedsky。
图文版权归原作者所有,模版版权归Feedsky所有