关于页面布局设计的访谈

设计|页面

1. 什么样网页布局是你最喜欢的?

Alistair Beattie:
我不会单独喜欢一个网站,别人也不会。我想判断一个网站好坏的唯一标准应该是它是否有用。然而对这个网站是成功的方式对于另外一个网站未必适用。如果一个网站的目的是向我提供信息或在线购物,我是不会仅仅为它表面设计的华丽或者趣味性所吸引的。我认为Google是一个实用高效网站的典型例子。同样的,Amazon是一个能提供更好购物体验的站点,我买了很多书。每个人的衡量标准不同。我对网站的兴趣主要集中在它所提供的信息上,我不真正认为它的存在仅仅是供消遣。

不过通过寻找一个网站因该是怎么样子和如何工作的一般习俗约定时,你会发现很多有趣的东西。这其中会存在很多变革和产生很多令人兴奋的创意。

这是两个很好的例子:Hi-Res!, I Move U,虽然是商业站点,但仍然保留了独立和幽默的感觉。看似随意和无意义,但却悄悄的散发着魅力,精美的设计。整个界面就是它的内容。

如果一个界面设计可以很快的传达出它要表达的内容,就是成功的。我认为Philip Glass的音乐新界面是十分棒的。

他把音乐的美感和大量的文字材料完美的结合起来。界面即实用,又很好了体现了Glass音乐表达的东西。

Amy Franceschini:
现在我最喜欢的具有灵巧而又实用布局的站点是Newstoday。它的导航十分利于浏览,界面整洁,易于维护和升级。同时我也仍然很喜欢Netbaby。它在保留了高度图象化界面的同时,加入了动态的内容。

Andrew Sinn:
Habbo Hotel是我最喜欢的网站设计之一.它是一个网上社区,在那里你可以扮演角色和与周围的人交谈。你甚至可以在那里购买属于你自己的房子和家具等一些好东西。那些房子主要有一些很形象化的,具有很可爱细节的代表性物品组成。很多界面元素设计得很好,你可以很方便的使用各种系统功能。这是一个值得一去的站点。

Anthony Rowe:
在我看来一个好的网站导航和菜单是在后台或者是不可见的,用户能觉察和注意到的只是内容。或者当导航成为全部。

Arnaud Le Ouedec:
在我构思和设计网站时,常常用到两样工具。相应的整个设计划分为两个阶段,一个阶段是比较自由的,主要使用Macromedia公司的Director,另一个阶段则是具体的图片创作,主要使用Adobe公司的Illustrator对我来说,那个工具用得比较多主要由要完成的工作决定的。但需要创新的成分比较多的时候,Director用得比较多,而完成一些比较稳定的,格式化的工作时,Illustrator用得比较多。这两种工具是不同的。Director需要有Lingo编程方面的知识,只要这样才能使你的创意得以实现,而对于Illustrator则不同。

2. 谈谈你对网页布局的看法。

Alistair Beattie:
界面设计随着潮流而变,其中也伴随着图片设计的变化。在里面机器的性能和带宽决定了你应该怎么做。成功的东西往往是那些必要的东西。

Amy Franceschini:
就目前来说,我想许多95年开始从事网页设计工作的设计师对页面的风格不是特别的在意,他们更关心网页的本性以及页面与浏览者的交互性。我觉得对于布局,如何更好的联系和传达内容比单纯的美观更重要。

Andrew Sinn:
我想在网页设计方面不同的风格会向许多方向发展。其中一个大类将是MacOS风格的,因为设计者常常使用Mac系统,必然会受其影响。我认为那是很丑的,其他很多设计师也这样认为,但或许我们看事物都太老套了。我想苹果公司应该在很多用户中试验过,我猜想特别是那些第一次使用计算机的用户会喜欢它。他们逐渐掌握使用计算机的简单方法,因为那里有形象的图标,动态的效果,带有阴影的果冻风格的按纽,它会说"you-can-push-me",即使你离显示器还有三米远。它有更少的理论上的东西。使我很难看清楚的是那些基与象素的设计,特别是那些去除锯齿的字体,使得文字对与眼睛来说模糊不清,或许等某一天我们的分辨率到了4000x3000象素,情况会好些......

Anthony Rowe:
我猜想随着条件的改进人们会有更多的满足。更少的压缩率,更多的令人陶醉的体验是多棒呀(特别是虚拟现实和三维)。网页设计可能也得为这样飞快的变化寻求对策:带宽可能慢慢不成为问题。在内容和导航上应用更多的交互式和动态3D将变得更有意思。交互式视频,多用户空间使你真实的感觉到别人和你在一起。

Arnaud Le Ouedec:
Ici La Lune 在1994年开始用Director进行创作 , 那时我们用得比较多的是Adobe的Photoshop,但随着我们自主权和Lingo方面知识的增加,许多项目的构思都是由Director和Illustrator来完成.我们主要对Director在实时和不同于其他软件的效果方面感兴趣,特别是它在Imaging Lingo和3D方面的功能。Ici La Lune处于实时设计的边缘地带。

3. 请推荐一下你认为对了解网页布局有帮助的站点。

Alistair Beattie:
Linkdup: 我喜欢这个站点,里面总是有很多令人感兴趣的东西。

Amy Franceschini:
Newstoday: Newstoday 用的图片很简单,但很有新意。访问这样的站点是令人兴奋的。它使“网络杂志”的概念成为现实。虽然在一些地方使用了动态的图片来吸引人们的注意力,但是这并没有破坏整个网站的意图,这样的布局十分利于新闻的发布。

The virtual Showroom: 这是一个高度图象化的界面,能形象的提供交互和连接。

Andrew Sinn:
Google Image Search:在开始你的工作前,在脑子里先有大致的样子是很好的。 如果你明白你需要做些什么,特别市你准备做一份说明,你会去找一张可以作为说明开始的图片。我每次都会提醒自己,把注意力放在主要思想上,因为它们是经过简化的。
org.opn.src: 下一代适合flash的象素字体。

Anthony Rowe:
Linkdup: 资源站点。有很多精彩的创意和挖掘人们灵感的东西。

Arnaud Le Ouedec:
我们经常会崇拜一些网站和设计者 (Delaware, Futurefarmers, Habitat...) 其实能点燃灵感的东西无处不在:建筑,设计,摄影,音乐,电影......

背景资料

Alistair Beattie: 伦敦Me Company网站策划/设计。
Amy Franceschini: Futurefarmers的创立者, 该站点专门研究新的工作。
Andrew Sinn: 来自汉堡Alrt网站的自由设计师/flash设计师。
Anthony Rowe: 创建和主管Squid Soup(伦敦引领交互式设计的团队)
Arnaud Le Ouedec: 设计师,现居巴黎。四年前和两位好友创办了Ici La Lune。

时间: 2024-09-17 04:24:35

关于页面布局设计的访谈的相关文章

一个android展示页面布局设计,求大神解答....

问题描述 一个android展示页面布局设计,求大神解答.... D区域是一个ListView,也可一不是. 当D区域上下滑动的时候,ABC区域都要跟着滑动,相当与listview的HeadView ,但是D区域要左右滑动,左右滑动的时候B C的选中状态要跟着变化 这个怎么做啊,控件该怎么写,求指导,有Demo链接也行 解决方案 实现不是很难,如果你不考虑直接从底层实现的话,主要就是上下左右滑动,问度娘:github的开源项目,参考一下 解决方案二: viewpager,bc是vipager的t

网站页面宽度布局设计面面观

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网页宽度布局设计的最高标准是在各种分辨率.不同版本浏览器.不同大小浏览器窗口的条件下,均能让网页以适合浏览方式呈现下访问用户的电脑屏幕上.网站页面的宽度布局设计在一定程度上影响着用户体验,接下来就网页宽度布局设计的三种方式进行图文分析,来看看三种方式的优势和弱点. 1.自适应式网页 网页采用自适应式的宽度布局,能自动以布满浏览器窗口的形式向访

CSS实现避免页面布局被大尺寸图片和长字符串破坏

css|页面|字符串 用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱. 要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以. 在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中

避免页面布局被大尺寸图片和长字符串破坏

页面|字符串 用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形. 有没有办法可以解决呢? 用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱. 要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以. 在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,

布局好的页面探讨:设计细节方向的碰撞

文章描述:布局好的页面探讨:设计细节方向的碰撞. 以前做项目得到一个经验,就是在立项前,不需要拿个布好局的页面出来讨论,因为我们觉得,在方向还未清楚的时候,讨论页面细节可能是浪费时间. 这一回,战略部的新partner给了我一个不同的启示.按说她的工作是在我上游,可是在最开始的实际操作中,她却把工作走到了我的下游,直接做了一个页面出来,把功能点.内容全都画好了-- 我一阵吃惊,对比着我自己的proposal,我跟她说,你这个东西,同事们能接受吗,因为他们都不知道方向在哪里,你却让他们看细节. 后

网页设计页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格. 重复的成分可能是某种字体.标题logo.导航菜单.页面的空白边设置.贯穿页面的特定厚度的线条等. 颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景.(3lian素材) ·用对比来吸引读者的注意力. 通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比.另一个方法是在某段文本的背后使用一种被景色. ·在文本周围留出空白以便更容易阅读,布局更优

公司怎样设计网站页面布局

设计网站页面布局主要有以下几点: 一.网站首页的布局设计 网站首页是网站给浏览者的第一印象,网站页面布局要从主题.导航和内容方面着手进行页面布局分析. 1.网站主题 在网站页面布局中,首页是网站的最核心的页面,首页的主题也就是网站的主旨,所有内容围绕着首页的主题来描述.主题主要体现在网站的标题.关键词和描述上,其中最主要的是标题,用户在搜索引擎上搜索结果就是你网站的标题和描述性内容.在首页的页面上,首页主题还体现在logo上,准确概括的logo和主题可以很好的帮助用户选择自己需要的网站. 2.网

拒绝平庸:浅谈用户登录页面的设计表现形式

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情

优酷“个人频道”自定义好看的页面布局

2月25日,中国第一视频网站优酷推出了业内第一个专属于用户自己的视频频道--"个人频道",这款全新的产品,是优酷UGC(用户生成内容)用户运营原创视频的最佳平台.通过它,原创视频作者们可以自定义功能模块,编辑和维护自己的视频平台,达到专业的视频发布.数据解读.频道运营和自我品牌推广等目的. 自定义好看的页面布局 全新的"个人频道"产品采用了扁平化的设计风格,整体视觉效果更加美观,浏览体验更顺畅.至此,优酷在不同终端和不同产品上实现了设计风格的最终统一. "