快捷搜索:

摄影

当前位置:广东快乐十分开奖 > 摄影 > 我们能否既让网页是响应式的,响应式网页不仅

我们能否既让网页是响应式的,响应式网页不仅

来源:http://www.mysenya.com 作者:广东快乐十分开奖 时间:2019-09-27 11:12

一成不变的布局方式、相同图库的素材、标准化的原型流程…… 如果你已经习惯了这些抑制创造力的行为,不妨看看今天十萬個為什麽带来的这篇Smashingmagazine 译文,附上超多创意窜天的优秀案例,喜欢的朋友一起来欣赏吧。

网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题,不得不说是有点耸人听闻。毕竟,响应式网页不仅能让我们通过日益丰富的联网设备浏览网页,还能感受其乐趣。

具有实验精神的设计师们遇到的一个问题是追求网页的独特与新奇时牺牲了用户体验。我们可以努力的方向就是找到两者之间的平衡点。

标准化的和可预见的设计总有其一席之地。事实上,这类网页是大部分内容类网页在各类终端屏幕上展现的最可能的解决方案。即便如此,我们仍然应该不时地发挥创意思维打破规则,因为网页设计从来就是科技、艺术与设计交叉融合的领域。

网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题,不得不说是有点耸人听闻。毕竟,响应式网页不仅能让我们通过日益丰富的联网设备浏览网页,还能感受其乐趣。

作为设计师,我们的首要任务是解决问题,这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案,能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决,尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文,一大堆无关联的JPG图片可以成为一部专业的作品集。

阿里妈妈MUX2015-07-12**

作为设计师,我们的首要任务是解决问题,这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案,能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决,尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文,一大堆无关联的JPG图片可以成为一部专业的作品集。

然后,问题就变成了:我们能同时实现两者吗?

响应式设计让网页设计失去灵魂了吗?我们能否既让网页是响应式的,同时又拥有灵魂?

然后,问题就变成了:我们能同时实现两者吗?

我们所获得的

· 我们得到的

我们所获得的

毫无疑问,网络已经成为一个美学胜地。基于可靠的网格布局,构建简单迷人的网站,已经成为一种标准。互联网的垦荒已经完成,以框架和活动栅格形式出现的律法与秩序,已经掌管这片土壤,开始了和平的统治。

栅格系统、流动布局成为标配给我们带来了很多好处:

毫无疑问,网络已经成为一个美学胜地。基于可靠的网格布局,构建简单迷人的网站,已经成为一种标准。互联网的垦荒已经完成,以框架和活动栅格形式出现的律法与秩序,已经掌管这片土壤,开始了和平的统治。

所有这些都是好事。简单迷人的网站,优势显而易见且丰富:

1、用户在使用网页时感到熟悉、轻松;

所有这些都是好事。简单迷人的网站,优势显而易见且丰富:

熟悉,便于用户浏览(操作正确的话)。

2、制作原型(相对)快速、简便;

熟悉,便于用户浏览(操作正确的话)。

原型设计(相对)简单快速。

3、建站技术的高度标准化;

原型设计(相对)简单快速。

建站技术的高度标准化(流水线取代了工匠)。

4、快速的布局可以节约成本;

建站技术的高度标准化(流水线取代了工匠)。

快速布局节省了大量开销(有一定可能会转嫁给消费者)。

5、严格的网格布局促成了响应式设计;

快速布局节省了大量开销(有一定可能会转嫁给消费者)。

严格的栅格布局促进了响应式设计(它严重依赖极简的布局趋势)。

这些标准化和组合技术带来了巨大的价值,无数的个人和小企业使用这样简单、吸引人(但不独特)的网页设计与世界分享他们的

严格的栅格布局促进了响应式设计(它严重依赖极简的布局趋势)。

品牌并从中获益,然而这只是故事的一个方面。

广东快乐十分开奖 1

漫步Awwwards这样的网页设计画廊,其中展出的网站,有成百上千个都符合简单迷人的标准。(查看大图)

广东快乐十分开奖 2

漫步Awwwards这样的网页设计画廊,其中展出的网站,有成百上千个都符合简单迷人的标准。

毫不夸张的说,标准化与其相关技术确有重大意义。无数的个人与小公司从中受益,通过简单迷人(却毫无独特性)的网站,向全世界分享他们的品牌。但是,那只是一方面。

· 我们失去的

毫不夸张的说,标准化与其相关技术确有重大意义。无数的个人与小公司从中受益,通过简单迷人(却毫无独特性)的网站,向全世界分享他们的品牌。但是,那只是一方面。

我们所失去的

这些设计都开始变得如此相似。

我们所失去的

将个人行为纳入考量,如今的专业网站看起来基本上都很棒。拿一个名不见经传的设计师作品集网站,与十年前最好的设计机构网站相比,你甚至会承认我们在网页设计这件事上,已经做得好太多了。然而,四下看看,很容易得到结论:一切看起来都趋于同化

· 网页设计雷同的原因

将个人行为纳入考量,如今的专业网站看起来基本上都很棒。拿一个名不见经传的设计师作品集网站,与十年前最好的设计机构网站相比,你甚至会承认我们在网页设计这件事上,已经做得好太多了。然而,四下看看,很容易得到结论:一切看起来都趋于同化。

是不是设计师都丧失了开拓精神?便捷是否牺牲了创造性?在回答这些问题前,我们先看看是什么致使今天网页设计缺乏多样性。

1. 版式布局(LAYOUT)

是不是设计师都丧失了开拓精神?便捷是否牺牲了创造性?在回答这些问题前,我们先看看是什么致使今天网页设计缺乏多样性。

为何网站看起来都一样

版式布局的局限性是网页设计缺乏变化最突出与明显的的原因之一。去除颜色,动画,视差滚动等等这类效果,你会看到一些基本布局统治了网页设计。

为何网站看起来都一样

看看如今的网站,同化的背后是什么力量在驱使?应该怪谁?事实证明,并不能简单归咎于某种工具或方法。响应式设计或许推波助澜,但它只是诸多因素之一。下面是一些疑犯。

广东快乐十分开奖 3

看看如今的网站,同化的背后是什么力量在驱使?应该怪谁?事实证明,并不能简单归咎于某种工具或方法。响应式设计或许推波助澜,但它只是诸多因素之一。下面是一些疑犯。

布局

2. 响应式设计(RESPONSIVE WEB DESIGN)

布局

有限的布局创意,是网站缺乏多样性最主要也最显而易见的原因之一。抽离色彩、动画、视觉差滚动及类似效果之后,你就会注意到一些基本的网页布局原则。有多少网站是在这5种布局上稍作调整而成的?

终端设备变多导致网页设计必须保证跨设备的用户体验良好。

有限的布局创意,是网站缺乏多样性最主要也最显而易见的原因之一。抽离色彩、动画、视觉差滚动及类似效果之后,你就会注意到一些基本的网页布局原则。有多少网站是在这5种布局上稍作调整而成的?

基础的、可变宽、可折叠栅格系统使响应式网页的设计过程更简单(相比版式设计更灵活的网页)从而解决跨设备问题。

广东快乐十分开奖 4

5种常见的网站布局。(查看大图)

3. 框架( FRAMEWORKS )

△ 5种常见的网站布局。

Noah哀叹“到处都是条条框框”,指的就是这个。我们似乎停滞了,独特的布局成为了一种失传的艺术。

Bootstrap与Foundation的流行导致许多设计师直接套用一模一样的代码库、布局、甚至风格。

Noah哀叹到处都是条条框框,指的就是这个。我们似乎停滞了,独特的布局成为了一种失传的艺术。

响应式网页设计

4. 制作原型的工具与过程( PROTOTYPING TOOLS AND PROCESSES )

响应式网页设计

在以前,你可以确保,所有的网站访客都在用低分辨率的台式电脑屏幕浏览。如今,网站在所有尺寸与分辨率上表现良好,这已不是一种奢侈,而是一种必需。宽度活动、可伸缩的基本栅格系统,使得响应式网页设计比随性的布局更易处理。

多数原型制作工具鼓励甚至迫使你使用标准的符合网格布局的方方正正的元素。

在以前,你可以确保,所有的网站访客都在用低分辨率的台式电脑屏幕浏览。如今,网站在所有尺寸与分辨率上表现良好,这已不是一种奢侈,而是一种必需。宽度活动、可伸缩的基本栅格系统,使得响应式网页设计比随性的布局更易处理。

框架

广东快乐十分开奖 5

框架

网页设计框架或许可以加速设计与开发流程。对许多人而言,它们是建立跨浏览器响应式网页最安全快速的方式。作为奖励,他们还会注意保持内容简略,从按钮到表单,涵盖所有通用元素。Bootstrap和Foundation这类工具有着惊人的人气,导致成千上万的网页设计师在他们每个项目中使用完全相同的代码库、布局、甚至美学风格。

5. 高质量的免费照片与图像(HIGH-QUALITY FREE PHOTOS AND GRAPHICS)

网页设计框架或许可以加速设计与开发流程。对许多人而言,它们是建立跨浏览器响应式网页最安全快速的方式。作为奖励,他们还会注意保持内容简略,从按钮到表单,涵盖所有通用元素。Bootstrap和Foundation这类工具有着惊人的人气,导致成千上万的网页设计师在他们每个项目中使用完全相同的代码库、布局、甚至美学风格。

原型工具和设计流程

免费好用的图片库成了设计师可以轻松获得的资源,还有图标、字体、样式等等。

原型工具和设计流程

即使在从零开始的过程中,设计流程也在有意识地抑制创造力。多数原型工具都鼓励、甚至可能迫使你使用标准化的方框元素,严格遵循网格式的布局。

广东快乐十分开奖 6

即使在从零开始的过程中,设计流程也在有意识地抑制创造力。多数原型工具都鼓励、甚至可能迫使你使用标准化的方框元素,严格遵循网格式的布局。

6. 设计趋势(DESIGN TRENDS)

广东快乐十分开奖 7

许多原型工具都鼓励使用常规网格布局结构。(查看大图)

设计师的所见所闻影响了他们的设计,网页设计将这一点充分放大了。结果就是许多设计师从同样的网站获得灵感,追赶同样的潮流。

△ 许多原型工具都鼓励使用常规网格布局结构。

高清免费照片与图片

7. 你和我

高清免费照片与图片

获取优美的免费设计资源真是史无前例地容易。方便与可承受占据了支配地位,设计师们蜂拥向免费照片网站,从一个小小(但在不断增长)的池子中获取相同的资源。

上面所列的工具和资源都是很有价值的,关键在于我们使用的方式。

获取优美的免费设计资源真是史无前例地容易。方便与可承受占据了支配地位,设计师们蜂拥向免费照片网站,从一个小小(但在不断增长)的池子中获取相同的资源。

· 如何挑战现状 - 一些例子

广东快乐十分开奖 8

两张免费摄影图片。(查看大图)

1. 让布局变得奇怪

△ 两张免费摄影图片。

在过去的两年中,你看到过多少个网站用了其中某张照片(或者两张)?如果你经常浏览网站,我打赌有几十个。

Phases Magazine:)

在过去的两年中,你看到过多少个网站用了其中某张照片(或者两张)?如果你经常浏览网站,我打赌有几十个。

Phases Magazine的版式设计不同寻常,如果你觉得这样的设计很奇怪,那正是这个网站设计者想要达到的效果,与众不同。

广东快乐十分开奖 9

The Village Style和Jigglist;College Essay Guy和Get Busy Make Money(查看大图)

广东快乐十分开奖 10

这还不仅仅是照片,还包括图标、字体、设计模式等等。好的方面是,没有任何预算的设计师也能做出好看的网站;糟糕的是,所有其他设计师也在用同样的资源做着同样的设计。

这还不仅仅是照片,还包括图标、字体、设计模式等等。好的方面是,没有任何预算的设计师也能做出好看的网站;糟糕的是,所有其他设计师也在用同样的资源做着同样的设计。

广东快乐十分开奖,Curious Space:)

设计趋势

设计趋势

Curious

对于某些设计师而言,趋势是一个贬义词。但它不该是贬义词。在20世纪找一个年代,看那十年的设计趋势。你会发现真叫人着迷。它为那个时代赋予了独特的风格与个性,往往能反映出整个文化环境。即使你看不见,它也正发生在你的工作中。你看到与体验到的一切,都在影响你的行为,互联网则前所未有地放大了这种效应。导致许多设计师从相同的资源获取灵感,追逐相同的趋势。

对于某些设计师而言,“趋势”是一个贬义词。但它不该是贬义词。在20世纪找一个年代,看那十年的设计趋势。你会发现真叫人着迷。它为那个时代赋予了独特的风格与个性,往往能反映出整个文化环境。即使你看不见,它也正发生在你的工作中。你看到与体验到的一切,都在影响你的行为,互联网则前所未有地放大了这种效应。导致许多设计师从相同的资源获取灵感,追逐相同的趋势。

Space的想法与Phases

我们设计师

我们设计师

Magazine差不多,网站的滚动和断点设置合理,体验良好,同时在交互的过程中有一些小惊喜,比如鼠标hover住的图片会被置于顶层,logo的字母部分会随着滚动改变位置,最终变为整齐的两行文字,自然地变成导航栏的logo。

上面列出的每一项工具与资源都极有价值。它们能简化工作,让网页设计与开发的大门向更多人敞开,也为客户省钱。我不会胡乱使用它们,我会精心挑选。如果真要寻找破坏网页设计多样性的元凶,我会举起自己的手,就是我。我觉得不是每个项目都值得进行独特的设计,我要向那些尝试有趣设计的设计师们脱帽致敬。

上面列出的每一项工具与资源都极有价值。它们能简化工作,让网页设计与开发的大门向更多人敞开,也为客户省钱。我不会胡乱使用它们,我会精心挑选。如果真要寻找破坏网页设计多样性的元凶,我会举起自己的手,就是我。我觉得不是每个项目都值得进行独特的设计,我要向那些尝试有趣设计的设计师们脱帽致敬。

广东快乐十分开奖 11

要知道,有一点很重要,你用上面所有这些资源仍然可以创造出独特的设计。这都取决于你如何使用这些工具。

要知道,有一点很重要,你用上面所有这些资源仍然可以创造出独特的设计。这都取决于你如何使用这些工具。

广东快乐十分开奖 12

如何挑战现状

如何挑战现状

广东快乐十分开奖 13

你的网站是否有独特的设计,现在想必你心里有数了。或许你不在乎这个——这完全没问题。但如果你想要打破标准的工作流程,这里有些概念能帮你实现,还有些网站可以作为非常棒的案例。

你的网站是否有独特的设计,现在想必你心里有数了。或许你不在乎这个——这完全没问题。但如果你想要打破标准的工作流程,这里有些概念能帮你实现,还有些网站可以作为非常棒的案例。

Le Temps Dun Trajet:)

奇异的布局

奇异的布局

广东快乐十分开奖 14

关掉你的原型工具,拿出纸笔,思考一下如何创作出有趣且有用的布局,脱离你以前的套路。

关掉你的原型工具,拿出纸笔,思考一下如何创作出有趣且有用的布局,脱离你以前的套路。

这个网站也是一个有趣的例子,它没有采用标准网格,但是排布没有让人感觉到分散,而有一种有意识的安排。

本文由广东快乐十分开奖发布于摄影,转载请注明出处:我们能否既让网页是响应式的,响应式网页不仅

关键词: