盖座漂亮的“楼”–浅谈网页设计中的构图[Taobao UED]

网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状。同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新。

如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功倍的构图技巧。个人拙见,希望能够抛砖引玉。

【一】坚实的地基-几何图形的力量。

几何图形在页面中往往能起到大梁的作用,也是网页内容最为常用的承载面板。这些图形合理的搭配和有效的穿插,能使页面除了信息传达外,更具层次感和观赏性。

此网站圆角矩形巧妙的结合信息模块穿插在一起,除了营造了网站的主体富有节奏的形状之外,更加强了页面的层次感,不会显得页面枯燥和单调。

圆形和椭圆形的结合搭载了轮播广告和重要信息,使得整个页面既有亮点又不失简洁。

同样是圆角矩形的穿插结合, 色彩填充的图形交集既能展示重要信息又勾勒出整个网站的风格形态。

竖着的大圆角矩形和线条勾勒出整个完整的画面,各种信息镶嵌于各个形状只中,既不显得乱又使其相得益彰。

更多类似的例子:

【二】钢筋上的铆钉—破格而出的素材

素材应用的好,往往能起到画龙点睛的作用,而素材起点缀页面和表达主题之外,还能作为构图中的一种主要元素存在,这些素材通常破格而出作为连接页面的纽带,使页面结构更加的稳固,故称其为“铆钉”。

素材看似随机的摆放,其实是有意的将素材摆放于左上和右下两个对角点,视觉上俗称的暗线,左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线,两者并组成了X结构,而四个素材起到到了固定和压轴的作用,稳固而又美观。

飞跃的人越于页面之上,护目镜挂于导航栏之上。这两个素材的使用使整个页面既贴切于主题又生动,而在构图上人连接穿插了1、2两个板块,而护目镜所在的2板块链接了3、4板块,视觉上的感官延续让页面脉络清晰不脱节,切富有节奏感。

页面非常简单,除了图形构筑的基础形,就是几朵起到“铆钉”作用的花儿,花朵破框而出,使得素材有机的融于框内又搭于整个页面之上,让人有种花是由圆洞内长到页面之上的错觉,简单而富有层次。

这个页面的素材和主体框架的结合很巧妙,破框而出的喷溅牛奶和静态的巧克力、杯子的动静结合于页面头部,使得整个页面主次清晰而又连贯。

更多类似的例子:

【三】打造斜塔之美—斜的视觉张力

比萨斜塔之斜是地质沙化下沉还是设计师故意为之,至今还是有人在争论,抛开争议,斜塔的美似乎让许多人都想来到它身边一睹这位倾斜美人之容,凑巧的是,在浩瀚的宇宙中最美丽的星球,也就是地球,也斜着身子对着太阳转着。话题扯的比较远,斜线,或者说是斜着的物体,似乎天生有一种张力。在网页设计中亦是如此,而在这里所表现的为视觉的张力,是种视觉心里上的延伸力而非物理上的。当页面过于平均,画面平平毫无亮点时,打破平均打破通体的平均尤为重要,打破平均的方式有很多,而斜线似乎是网页设计中惯用的一招,屡试不爽。

斜线的张力让整个页面富有动感和延伸性,即可为页面起到修饰的作用,又能做为信息的承载模块,两者有机的融合并不让人觉得倾斜的标题不好识别或者有碍阅读,反之更能让整个页面富有形式感和表现力。

斜线的运用加上素材和圆形的穿插结合,让整个页面具有动感,同时视线又随着斜线的走向带入至素材和标题之上,具有张力的同时又让这些线起到一个很好到视觉导向作用。

以斜线为暗线排版而成的信息组件和右边斜线切割而成的图片形成形态上的互补,又形成节奏上虚实和疏密的对比,使得整个画面既有斜线带来的张力和动感之外,又不乏整体的稳固和均衡。

更多类似的例子:

以上简单的介绍了网页设计中的一个步骤:构图,罗列了一些比较常用而又有效果的方法,除此之外,应该还有很多,希望大家补充,但我相信无论构图也好,色彩搭配也好,亦或是节奏旋律等等。它们总是围绕着一个共同点去进行,那就是使页面在信息顺利传达的前提下变的美观而生动,有了这一大准则,我想设计页面的时候需要的不是一大堆技法和技巧,而是一颗永不停止探索美和创造美的心。

如何在word中插入visio绘图并自动更新

  我们经常做Word文档的时候需要用到visio的绘图内容,通常会直接选中visio内容然后copy到word文档中,但这样有个问题,copy过来的东西以后只能在word中编辑,这就会导致内容不同步,因为很可能我们的visio不是最终稿,如何实现同步更新呢,下面有简单的办法(其实微软提供了,只是没注意到)

  就一步:你有了一个visio文件,这时候需要在word中引用,那么请点击插入->对象


在弹出的对话框中选择由文件创建,并且选中"链接到文件(k)" 复选框

  这时,在你光标位置,visio 文件就显示出来了,你可以调整大小位置,以后,有两种情况,一种是你visio编辑完了,打开word文件时,会提示是否更新,如下图

点是,就自动更新了

另外一种,是你word文件开着呢,visio开着呢,你编辑完visio文件,word这边,更新下链接就ok了,如下图

挺简单方便的吧

——–完工——–

[转]何三畏:我比工信部更知道该上什么网

  我不想说那么多对这东西的嗤之以鼻,或者自己那点没什么大局观,太过主关的看法,所以,这篇文章足以代替我说明我自己对那东西的观点,我宁愿现在的孩子能有人告诉他们如何自己分辨是非,而不是告诉他们,应该看什么,这样的方法,只能让这些孩子们,更加容易受到那些不良内容的毒害,更何况,谁来界定不良内容的真正不良在那里?一个人,连坏的是什么样的都没见过,何谈抵御?

正文:

  工信部在捉摸我们应该上什么网,担心我们看到了不该看的。现在,就有一款名为“绿坝-花季护航”的上网过滤软件被选中。中国的纳税人一年将费4179万元,去遮挡自己的眼睛——这笔钱由财政支付,老百姓只管用,没必要考虑。7月1日起,中国境内生产销售的计算机在出厂前,就将预置这种软件,国外进口的,也要安装了才能销售。

  按工信部有关负责人的解释,“由政府出资提供过滤软件供社会免费使用是国际通行做法,目的就是为防止未成年人受互联网不良信息的影响。”可是很显然,成年人并不需要这样的“福利”啊。另外,工信部称这是为了保护未成年人,却又要把所有的计算机都加上这道过滤。这真是太欠考虑了,你有权利把全国人民都当未成年人吗?软件副名还好听呢,叫“花季护航”,告诉你吧,这个国家有七成人口跟你一样,过了需要你去“护航”的花季,他们有行为能力,也有权利决定自己看什么和不看什么。你又说,安装了还可以卸载,而且不会留下内置监控的通道。可是,既然注定有一部分人买了都要卸载,你又何必强行安装,浪费这么多的资源和金钱呢?好吧,就算你真心是为了我们的孩子。可是,我觉得家长也应该比你更知道他们的孩子应该上什么网。如果你真爱我们的孩子,那么,请考虑现在有千万以上的孩子该上学的时候看不到老师,而不是看见了不该看的网络呢!用这笔钱可以送好多孩子去上学,使他们从小就认识键盘,将来才能长成一个有能力处理来自四面八方信息的大脑,而不是永远由你们告诉他们应该看什么不应该看什么。

  工信部还说,“绿坝-花季护航”可以有效过滤不良文字和图像。其实,我还真担心这个“有效”和“不良”是什么意思。谁有能力给“不良”定一个标准?谁给了该软件公司“不良”的标准?既然标准都没有,何来“有效”过滤?

IT鲜为人知25个事实

  导读:MarketWatch今天发表了美国知名IT专栏作家约翰·德瑞克(John Dvorak)的文章,评出了IT领域历史上鲜为人知的25个事实:

  1. 全球首台个人电脑是Berkeley Enterprises公司在1950年以300美元销售的“Simon”;

  2. 希捷科技最初的名字是舒加特科技(Shugart Technology),该公司创始人名为阿兰·舒加特(Alan Shugart);

  3. 计算机中的石英钟无法保持精确的时间;

  4. Windows最初的名字是“Interface Manager”(界面管理器);

  5. IBM(国际商用机器的英文简称, International Business Machines)的名称灵感来自“NCR”(美国国家现金出纳机公司,National Cash Register),IBM的一名创始人曾在这家公司工作过;

  6. 软盘在20世纪70年代末直径有8英寸(约20.32厘米);

  7. Commodore在1980年以299美元出售的VIC-20电脑,内存只有5K;

  8. 世界上第一块1G硬盘是在1980年推出的,重量为550英镑(约250公斤),售价为4万美元;

  9. 许多人认为1955年左右推出的“Burroughs B-5000”是最为了不起的计算机;

  10. IP在英文中同时意味着互联网协议(Internet Protocol)和知识产权(Intellectual Property),因此如果有人说一个公司与IP有关,没人知道具体是什么意思;

  11. 自Sun将股票代码从SUNW改成Java后,该公司就一直在困境中挣扎;

  12. SanDisk曾被称为SunDisk;

  13. 苹果普及了激光打印机;

  14. Adobe的Photoshop最初名字是“Display”,后来改为“ImagePro”。该产品并非Adobe开发,Adobe于1998年从大学生托马斯·诺尔(Thomas Knoll)手中获得了该产品的授权;

  15. 喷墨墨水每加仑售价为5000美元;

  16. 全球定位系统(GPS)的前身“ETAK Navigator”发布于1985年,该产品使用一台带有坐标推算法的计算机进行导航;

  17. 英特尔第一款微处理器是“4004”,最初用于计算器,当时没人知道它的发展前景;

  18. 销售Unix的SCO曾被称作“Santa Cruz Operation”(圣克鲁斯业务);

  19. 计算机应当在晚间关闭;

  20. 彼得·诺顿(Peter Norton)曾说过计算机病毒并不存在,甚至把杀毒软件称为骗局。具有讽刺意味的是,1990年,诺顿将自己的软件公司“Peter Norton Computing”卖给了赛门铁克,随后他的名字成为赛门铁克推出的诸多杀毒软件的品牌;

  21. “Modem”的意思是调制解调器,意思是将模拟信号调制及解调为数字信号。按照这个定义,宽带调制解调器(cable modem)应该叫做网络适配器;

  22. 戴尔最初的名字是“PC有限公司”;

  23. Apple I是苹果第一款开发的计算机,只不过是一堆配件堆积而成。Apple II是该公司销售出的第一款完整产品;

  24. 联想(Lenovo)的意思是“新联想”,其中的“Le”意思是“联想”,而“novo”的意思是“新”;

  25. 20世纪50年代,计算机通常被称为“电脑”。