治多网站设计头条

• 哭逼的网站设计师啊，根本停不下来...

  “你有没有空做一个非常简单的东西？就只要稍微做下就可以了！”

  好了吗？你随便弄弄就好了，不用花很多时间的！

  10分钟后问：好了么？

  半小时后问：好了么？

  40分钟后问：好了么？今晚/明天能不能给我？”

  “你把这里缩小了看看？……额，再放大看看？…………适中点看看？……好吧，还是按照原来的样子好了。”

  在设计界，总是有这样哭逼加班的网站设计师。他们总是加班工作在第一线，总是为了一点点不完美的细节翻案重来，虽然喊着累累累，但加班时毫不推脱。艰苦的生活培养出来了他们乐观的心态，所以他们成为了天生的段子手。所以请善待你身边的每个网站设计师，他们真的很辛苦很不容易！

  论：网站设计师哭逼的生活，这节奏根本停不下来

  1、可悲的设计师

  设计师这个职业本身自带冷笑话功能，网上一搜一大片。设计师本人的经历可以说就是一部血泪史啊，有血，有泪，有屎，有木有。

  有一个这样的笑话：很久很久以前，有个设计师自杀了。人们整理他的遗物，在他的电脑里发现了一个文件夹，点开后发现每个文件夹都是这样的：

  初稿

  初稿2

  初稿3

  审定稿

  审定稿2

  审定稿3

  审定稿4

  修改稿

  修改稿2

  修改稿3

  修改稿4

  修改稿5

  总监修改稿

  总监修改稿2

  总监修改稿3

  总监修改稿4

  总监修改稿5

  总监修改稿6

  客户修改稿1

  客户修改稿2

  客户修改稿3

  客户修改稿4

  客户修改稿5

  客户修改稿6

  客户修改稿7

  最终稿1

  最终稿2

  最终稿3

  最终稿4

  最终稿5

  最终稿6

  最终稿7

  最终稿8

  打死也不改稿1

  打死也不改稿2

  打死也不改稿3

  打死也不改稿4

  打死也不改稿5

  打死也不改稿6

  打死也不改稿7

  打死也不改稿8

  打死也不改稿9

  绝对最终稿1

  绝对最终稿2

  绝对最终稿3

  绝对最终稿4

  绝对最终稿5

  绝对最终稿6

  绝对最终稿7

  绝对最终稿8

  绝对最终稿9

  绝对最终稿10

  你的设计图什么时候能好

  下班前就能出来

  设计师

  客户

  做好马上发到我邮箱

  好的

  怎么还没有收到你的图

  我还没有下班

  2、那些不可避免的免费设计

  朋友开饭店，你吃饭他收钱，大家觉得理所当然。

  朋友开服装店，买衣服他收钱，大家觉得理所当然。

  朋友做设计，收钱，大家会觉得,这位朋友怎么这么吝啬。

  开饭店的朋友说：以后来我这吃饭免费！大家会说：不行！你是做生意的！开服装店的朋友说：以后来着这儿，随便穿！大家说:不行！哪好意思啊！

  做设计的朋友说：以后有设计找我帮你免费做！大家说：好的，谢谢！

  朋友一场，何必要如此让我为难！

  朋友

  在？有空吗？想请你帮个忙。

  我男友正在创业，想请你帮忙设计一个LOGO，是买坚果的，你随便画一个就行。

  他有多少设计费预算？

  呃，他很穷，没有预算

  好了

  3、找不到对象，终身大事办不了

  没时间陪对象、皮肤不好、经济不够宽裕、有时可能脾气会暴躁、也许爱抽烟，这些缺点注定找不到对象了！找不到对象被爸妈催七大姑八大婆催，顺带着朋友同事还会怀疑你是不是哪里出了问题！这还不是为了工作啊！不然你以为设计师愿意遍体鳞伤啊！

  设计是个枯燥的活，如果有了对象的，感情上双方一定要相互理解，你应该要为你有一个设计师而男朋友感到骄傲...

  6、遇到的甲方，都是白天不懂夜的黑

  甲方：我们也不知道哪个好，你尽情发挥你的想象力，尽情发挥，不要有束缚，多设计几个方案，然后我就知道我喜欢什么了。

  甲方：LOGO大一点，颜色要亮，要鲜明，把底下的文字全部换成大红色然后加粗字体，这样才抢眼，LOGO不要灰色要金色，大气一点，要有气势要能够凸显我们公司的高度...

  甲方：你到底会不会做设计，你看看别人家做的多好，你怎么就不懂我的意思！

  7、每个设计师背后都有个神一样的老板

  在designer圈有句话一直闻名：每个苦逼的设计师背后都有一群指点江山的神。

  当上设计师后，就变成一个很小心的人，每次穿雨衣的时候，都会戴太阳眼镜，你永远都不会知道什么时候会下雨，什么时候出太阳，就像你永远都不会知道，做设计的时候，老板会让你改多少遍……

  所以请善待每个网站设计师

  展开

• 做个网站很简单，做一个好网站不容易！

  有的人不了解网站建设以为做网站不过是一件很简单的事，弄张图，根据图把页面做出来，放到空间里就完事了，这其实只是表面的一些东西。真正的做一个网站那是要很多人合力才能做来的。下面请允许小编具体介绍下网站到底是怎么被做出来的。

  网站建设

  做网站需要哪些人呢？首先是网站技术部门负责人(技术总监或是部门经理)，他们最主要是负责具体分工，比如网站页面排版、页面效果编写、后台源代码编写、网站上线测试、网站后续维护工作。把每项工作分配给每个页面设计师、程序员、维护人员等，确保网站能够正常完工！还有负责跟客户交流网站具体的工作，比如网站的进度，还有就是功能怎么来做比较好还有把客户的要求反馈给下面的人。 软件工程师:软件工程师有分为，前端软件工程师和后端软件工程师，前端工程师需要会一些 css,html5,js,jquery等前端计算机语言来做页面的写，后端工程师需要会一些java,,php,node.js等来做一些网站的功能实现，同时了后端工程师会兼职做下数据库，或者在后期处理下网站bug。 网站设计师：根据企业网站要求，结合一定的设计创意发挥，设计网站每个页面的排版。一般情况下，如果没有特殊要求，除了网站的首页排版复杂一些外，其它页面布局会简单点。页面排版与美术人员、特效开发人员是组成网站前台视觉的三个主要岗位，当然，也是最容易反复修改的三个岗位。 最后网站测试人员与维护人员，网站经过层层工作完成交接之后，在上线之前要进行系统的的测试，确保每个环节不出bug才能开始上线工作，如果发现问题要交给相应的人员处理，直致检测无误为止。维护人员负责日常维护工作，在网站的运行中如果出现问题，在第一时间解决，确保企业建网站高枕无忧。

  整个网站的工作流程就是这些了，可能根据公司的不同会有一点区别，不过大概的都差不多了

  展开

• 网站、小程序这么做才美观！快来看看案例吧

  随着互联网+时代的到来，企业纷纷开始转型，传统营销模式向互联网营销模式的强势转变，为企业带来前所未有的发展契机。又快又好智能建站：网站、小程序、微官网、微商城等网络营销工具已成为企业转型互联网的必需品。

  特别感谢：杭州、苏州、宁波、金华等地的客户，在2018年4月选择与我们合作！感谢对我们的信任；你们的肯定是我们不懈努力的目标；你们的支持是我们勇往直前的动力。同时也要感谢公司小伙伴们夜以继日的加班付出！接下来又一大波精美网站、小程序案例来袭。

  全网营销—网站定制

  汉科工贸杭州三才工程管理咨询有限公司

  浙江诺维雅工贸有限公司

  浙江昌骏工贸有限公司

  浙江洪帆工贸有限公司

  宁波帝航国际物流有限公司

  全网营销—手机网站

  威猛达科技（左）康福特实业（右）

  全网营销—微信小程序（电商版）

  东城冰川汽保工具厂雅新垃圾桶木条装饰厂前仓应正大不锈钢制品厂杭州奥科服装辅料有限公司永康市清馨工贸有限公司唐宁工贸爱民酒业永康市金丽鑫酒店用品有限公司

  全网营销—微信小程序（展示版）

  苏州多巴克智能家居有限公司永康市杰涛工贸有限公司浙江兴达门业有限公司

  由于版面限制以上仅为2018年4月部分网站开通的客户案例。

  一个成功网站的诞生过程：

  与客户商谈，拟定制作风格、方案；平面设计师的精心制作，与客户确认，反复修改；技术人员分割，程序员的熬夜编码；

  网站的成功上线，后期的增值服务；历经多少个日夜，才呈现出如此美好的杰作；除了客户的支持与合作，还因为我们有一群，

  爱岗敬业的伙伴们。

  展开

• 有趣网址之家——收藏全球最有趣的网站

  更多好玩的网站推荐，欢迎点击右上角关注我~

  仔细想想世超经常给差友们推荐一些奇奇怪怪的网站。

  比如收录了一百年来，那些曾经惊艳过一个年代的经典旧物声音的博物馆。

  比如埋葬那些被我们遗忘的互联网产品的互联网墓地。

  又或者是这个可以收听全世界电台的神奇网站。

  事实上，这些不被人注意的小网站们收录了很多互联网人的奇思妙想。但是由于得不到很好的传播，很少被大家知道。

  不过幸运的是，这些网站们被有心人收录再了一起。做成了一个【 有趣网址之家 】的聚合网站。

  而今天世超想和差友们分享的就是收录了全世界有趣网址的聚合网站。

  差友们第一次登入这个网站，应该会被它毫无美感的首页以及山寨画风明显的 UI 距之门外。

  不过当差友们了解完这个聚合网站的用途后应该会爱上它。

  【 有趣网址之家 】帮你把众多互联网遗珠们都分门别类都整理好了，并且还给出了一个有趣星级的评定。

  比如这个【 千奇百怪 】分类里，获得了 4.14 星（ 满分 5 星 ）的【 世界光污染地图 】网站提供了从 2015 年以来全世界的光污染图像。

  2018 年中国地区的光污染

  2013 年中国地区的光污染

  点击

  差友们可以对比一下，仅仅过去了五年，但是我们对这片土地所造成的影响已经肉眼可见。

  又或者是这个评分 4.4 星，收录了上百种绑绳技法的奇葩网站。

  嗯。。。或许哪天你被困荒岛的时候这个网站能派上用处吧，前提是那个荒岛能上网。

  以及这个评分 4.57 星，纯粹是一个程序猿为了炫技而制作的代码网站。

  里面所有的特效，都是用代码构成的。最骚的是，你用鼠标点击网站页面还能和这些代码进行互动。

  【 有趣网址之家 】除了这个稀奇古怪的分类【 千奇百怪 】以外，还收录很多小游戏网站，这些网站被分类进了【 轻松好玩 】里。

  差友们可以在里面找到很多熟悉的身影。

  比如这个网站评分 4.63 星，曾经红极一时的【 黑洞大作战 】。

  又或者是这个 Google 小程序 【 猜画小歌 】亲生父亲【 快速涂鸦 】。

  差友都可以直接在网页上找到他们。

  相信有这些网站的帮助，帮差友们打发时间应该足够了。

  而世超觉得在【 有趣网址之家 】众多分类里面，最有意义的应该是这个【 公益宣传 】了。

  里面收录了很多，被容易被我们忽略却能刺痛我们的问题。

  比如那些悬浮在地球之外的太空垃圾。

  这个被评级为 4.86 星的网站，用 3D 轨道帮我们把这些围绕地球的太空垃圾都标识了出来。

  没错，这些密密麻麻的小点们都是被我们扔进太空的垃圾。

  而这个被网址评级为 4.00 星的【 世界名胜古迹数字化重现 】，则把目光锁定在了那些因我们而生，却因为岁月而即将消失在历史长河中的璀璨文明。

  以及这个被网址评级为满分的网址【 关心一下身边的人吧！ 】，这个由香港政府极力推荐的公益网址。

  差友们沿着网站的指引，从暴风雨到蓝色天空，此间共有十个站点，分别经历心理测试、治疗方案设计、寻求协助等环节。

  让大家和游戏主角小王子一路走下来，而这个过程中，你也许会恍然，我们曾经的忧愁和烦恼，其实是可以治疗的，它并不仅仅只是暂时性的糟糕情绪。

  而这个【 公益宣传 】分类也是【 有趣网址之家 】给出五星好评最多的地方。

  相信【 有趣网址之家 】的制作者们，应该是怀着发现美好的愿景，将这些网站收录在一起。

  而我能做的可能就是让更多的人了解到它们：

  【 有趣网址之家 】网址：

  https://youquhome/

  “ 有趣~ ”

  展开

• 2018年网页设计的19种趋势！

  在创意产业中，我们很容易就能从趋势中获利，毕竟关注热点并不需要创意或是创新——除非你是为了不断地改变趋势。但创意是一种对话。

  自从我们第一次学会用木炭在洞穴壁上的赭石记录世界的片段以来，这种对话就一直在进行。我们还学会了把仅仅是用棍子刻在粘土上的抽象符号，变成了承载着充分含义的载体——语言。

  趋势仅仅只是庞杂而混乱的多方谈话中的主音，无论是否应用趋势，我们的创造都与这些趋势并存。

  趋势为我们提供了大背景，毕竟如果没有规范，又何从定义创新？如果没有去年的热点潮流，又从哪里寻找规范？

  所以和去年一样，我和webflow优秀的设计团队一起，预测了2018年的设计趋势。以下来自Sergie Magdalin, Ryan Morrison, Linsey Peterson, Nathan Romero, Darin Dimitroff，以及我。

  1

  破碎的网格布局

  设计师总是无尽地去追求更具创意、更引人入胜的布局，但在这个过程中网格布局一直广受运用，网格布局能带来和谐和规范的感觉，但网格本身就存在约束。

  有时候我们自己都想逃离网格的规范性，对吧！

  但这并不意味着破碎的网格布局完全忽略了网格的概念，相反，破碎格局允许图像和文本元素更自由地出现，而在更规范的布局中，元素的排布往往需要按部就班。在这里，图像和文字的位置开始重叠和汇合，位图和字体的并置往往都会出现美丽的意外。

  有时候很难说这些效果是故意的，还是只是一个美丽的错误…

  2

  将插图放在中心位置

  我在数字产品营销领域所看到的一个比较有趣的挑战就是选择合适的图像。我看到过整个设计团队针对这一议题进行讨论，并且通常结束于两点之一：

  1.产品UI（用户界面）截图及动图

  2.设计过的或是生活化的摄影

  前者强调产品本身的体验、特征及功能，而后者则试图强调产品的人性层面：它对生活的影响。

  进入2018年后，我们可以看到并将继续看到，在产品的设计和营销方面，插画师的工作越来越受重视。

  我对这件事不知所以的着迷，甚至于我都不能确定它到底是什么。也许这和我们在时尚界所看到周期性相同，毕竟插画在整个60年代后期一直占据着广告界的主导地位。

  或者，Dropbox的设计团队可以通过解释他们的新插画风格来解决问题：

  我们用铅笔构建草图，然后用丰富多彩、抽象的形状来填充，将创意变为现实。我们的风格的灵感来源于你第一次有想法的瞬间，这种风格也在提醒我们，除非你有所行动，否则画布上只有空白。

  我想，这就是说，他们必须重新设计一些东西，对吧？

  在Shopify的Polaris网站中可以看到，插图可以将很多抽象的概念具体化于生活中。仅仅只是一张画作，Shopify就阐述了Polaris的概念—就像北极星一样，为团队中的每一位成员指明方向。

  最后，值得注意的是，插图也可以巧妙地解决摄影带来的一些具有代表性的问题。

  我们为大众提供数字产品，但当我们将一张真人摄影作品放在网站上的显著位置时，图片中的真人主角就定义了你的用户，但这样就遗漏了其他没有被定义的用户。

  相比之下，Shopify Polaris的插画主角形象仅仅只是个人类，并不能确定诸如种族、性别、国际等属性，这使得我们更容易地将自己代入这样的场景中，就像我们自己就是一个独立地思考者，思考这北极星所照亮的创造的可能性。

  3

  野蛮主义达到主流地位

  2017年初，我们发表了一篇文章，谈及野蛮主义的兴起，并试图回答出现新兴风格的原因：

  野蛮主义……正在开启一个设计师想做什么就可以做的空间，这甚至超出了应该做什么的范畴。野蛮主义的作品往往避开了所有的最佳建议和最好实践列表上的东西，以支持震撼的外观和效果，有时甚至带有一些攻击性。

  所以你可以想象，当这两个电子商务网站都坐上这股粗犷潮流的列车时，我们有多惊讶。

  Balenciaga

  Gucci

  4

  更多有机和倾斜的形状

  大自然厌恶直线。——William Kent

  近几年来，无论是网页端还是移动端的设计都是由卡片式的用户界面占据主导地位。直到现在，这些卡片几乎都是锐边、直角的，可以看出其最基础的几何形状，使得大家去关注网页设计的基础材料。

  这在2017年有了很大的改变，现在，从谷歌到推特再到脸书，几乎每一个应用的卡片都应用了圆角，比如输入框、头像框等。

  如果这些框都是圆角的，他们就会是椭圆形的。

  但这并不是有机形状的主要组成元素。现在的背景设计往往有很多颜色各异的变形斑点，略夸张的对角线，即使是我们平时所用的破折号也会被卡通化。

  但在无尽的探索中，设计师总不能仅仅只是运用灵活的曲线，很多人都会把卡片旋转一些角度，运用角度来进行设计，就像Stripe的主页一样。

  但这并不意味着直角将会在设计中消失。在下图中，我们可以看到直线和直角的运用，不过是把它们与更多的曲线、球形有机地结合在了一起。

  在许多网站，我们都能看到闪烁或是振动的颜色。虽然这些颜色的组合能够让人留下深刻的印象—包括在眼睛中留下残影—不过值得注意的是，在可访问性的层面上，颜色组合的使用可能会出现一些问题。

  通常我们都将可访问性作为为残障人士所做的用户友好行为，但不要忘记，即使是不存在色觉障碍的人也可能会遇到令人眼花缭乱的色彩组合。

  不开玩笑，当这些形状滚动起来，你就会看到你的屏幕上全是这些东西了。

  根据LinkedIn的无障碍工程经理Jennison Asuncion的说法，可访问性可以定义为：

  设计和开发包括残疾人在内的每个人都可以独立使用和互动的用户界面。

  5

  更普遍的交互和动画

  媒介就是信息。–Marshall McLuhan

  网页并不是一个静态媒介。尽管Justin Jackson的This is a webpage有着持久的美感与真实性，但网页上还可以有更多灵活的东西。媒介就是信息，McLuhan的这句名言，至少意味着有一些网页信息在于网页的变化和交互：网页不能只是简单地向我们提供信息，而应该是让信息生动起来，更重要的是，让我们与这些信息进行交互并对之产生影响。

  有的信息都在移动，但这并不影响集中注意力。

  渐渐地，当你滚动网页滑块时，一块一块的信息并不仅仅只是被你接受了，还会影响你的认知，并且企图得到你更多的关注。

  显然，我们也不能滥用这种生动，会使得网页看起来像动画一样，要小心这会影响你的用户体验，尤其是那些有认知障碍或对运动敏感的人。

  但不能否认，恰当的小动画能够在恰当的时间引导用户注意正确的内容，从而使得他们不会错过重要的信息，或是访问其他页面。

  以Black Sheep的Heco Partners为例，向下滚动时，标黑的当前行帮助用户集中注意力，然后一系列突出大胆的工具开始争夺用户的注意，呼吁停止阅读并点击下一页。这是创建一个内联导航系统的创造性方案，但这也可能给用户带来了不必要的紧张感。

  我们也可以看到很多工具可以简化复杂动画和交互的创建—这是数字设计是工具包中的一个缺口—从我们自己的Interaction2.0到Airbnb的Lottie都可以看得出来。

  具体而言，我们期待两种特定的动画模式的出现：不寻常的滑动速率和页面转换。

  意外的滑动率

  现在视差可能有些过时了，但这并不意味着设计师们不会以有趣的方式来设计滑动。

  例如网站Anna Eshwood，网站上的每一张照片一开始都是正常的展示，直到用户下拉滑块滑过后，照片都会快速上升，比滑块滑动速度快，营造出一种有趣的飘渺感，可以很好地展现简朴的黑白照片和严肃的模型。

  随着交互和动画在在线体验中更为突出，我们也期望看到更多的设计师设计出更具突破性的作品。

  页面转换

  在一个充满好看动画的网站中，我们能感知到，网页上正在发生一些变化，但如果是从一个页面转换到另一个页面，就会比较唐突了，无论是在哪个网站上。

  转换动画可能会有所用处，它能将用户从一个页面送走，再在另一个新页面上迎接。不过要谨慎运动转换动画，也没有必要链接它们。这个过渡本身就是每一个页面之间的转换：页面突然变为一片空白，然后再有新的页面加载。

  但我们发现在这一点上，很多网站都搞了一些事情。以网站3drops为例：

  在这里，页面转换时依旧保证了用户的体验，体现了品牌的存在。当用户想要访问是视图库中的另一视图时，髌骨是被导航到了新的页面。这对于以设计为中心的品牌展示来说，是一个不错的点子。

  6

  至多主义的出现

  好的设计尽可能少设计。–Dieter Rams

  多年来，设计师最想听到的最振奋人心的设计反馈，恐怕就是：“他很干净。”

  那是一个极简主义的时代。深受Dieter Rams的设计原则，以及杂志《The Crystal Goblet》的影响，视觉设计师一直追求提供尽可能少的选择和视觉干扰。

  对于当今生活在数字中的世界来说，极简主义是一个全新且难得的经历，这个选择很有意义。我们需要足够放松以进入这个陌生的新世界。

  但是今天，我们也有类似于以下的网站：

  Pin-Up Magazine

  H. Lorenzo

  Razzle Dazzle Torino

  所有的这些都力图在你看到的那一刻就把所有东西都放入你的世界里。

  你可以称之为一种野蛮主义，我也的确在Brutalist网站上发现了所有上述网站。但我们认为我们期待更多至多主义的网站的出现，而在这之前你可能并不觉得这个网站会变成这样。随着数字技术的发展，一些网站会很自然的对用户有更高的期待。

  7

  衬线字体能表现得更好

  在技术落后，字体并不多的糟糕过去，在网页界面中使用无衬线字体是个很好的方法。但随着屏幕和字体渲染技术得进步，我们可以看到越来越多精致得字体占据舞台中心，或者至少成为了更重要的角色。

  以Kickstarter最新的设计为例，他运用了柔和的衬线：

  在特定的日子里，Typewolf都会展示一些衬线的运用：

  衬线能提供一种优雅、精致的文学修饰效果，作为衬线的长期爱好者，我欢迎大家多多使用衬线。

  8

  浮动的导航菜单

  固定的导航已经成为以转化为中心或具有庞大菜单的网站的主流，因为核心导航可在滑动时与用户保持一致。不过浮动的导航使得用户在滑动浏览时也能轻松使用，直接优化了网站体验。

  最近，我们注意到有些设计师将导航从其他设计中分离出来，并将其移动到浏览器的下方，进一步确定了用户可以随时接触到导航。这增强了导航是网站的广泛对象的感觉，不一定是某一页的一个部分，而是放在一个触手可及的地方，使人安心。

  最直观的方法就是在导航栏中添加阴影，并将其移动到网页的最顶端，以Reseau为例。但在平面的设计中也是可行的，以Anchor & Orbit为例。

  与离线型设计类似，浮动的导航允许设计师在设计中自然地或带有目的性地运用巧妙的并置，这又给设计带来了更多的空间。

  9

  视频元素

  以下是几点重要的原因：

  1.视频元素可以无缝地切入设计中，无需嵌入Youtube或是Vimeo插件。

  2.即使有很多颜色，渐变和细节，视频地质量依然很高，但如果GIF动图不按大小以指数倍数放大，则很难做到。

  3.视频可以循环以确保副本的细节和图像的细节保持一致，并为有需要的人重复播放。

  所以从我们自己的网站到Stripe Sigma，当视频元素风靡整个网络时，我们并不感到奇怪。

  10

  更多身临其境的“多媒体”长格式

  当我们想要发布长格式的内容时，只需在页面上放置一个长文本字段，特别是当我们的长格式内容有CMS支持时。其中，单个布局的内容长度大概为200字到一篇较为详细的短教程的长度。

  但现在一些设计师和作家并不采用这种方法，他们将布局和量身定制的副本结合起来，通过视频、声音、图表和图形、地图等丰富的载体，娓娓道来故事的内容。

  说实话，这并不是一个“新”趋势，我更倾向于把它称为网络产生长期对话的基石。但现在所有的网络出版工具都出现了，包括我们在内，2018年似乎都是最佳时机。

  以CNN讲述全球变暖对格陵兰岛和全世界其他地区的影响为例。

  这个故事尽可能地做到引人入胜，这对于很多还较为抽象的问题来说至关重要。它巧妙地将一个复杂的话题变成一系列便于理解的段落。你永远都不会觉得内容过于冗杂，相反你总是不知不觉就接受了，你发现自己阅读每一个字，都很容易理解。

  请注意，我并不是批评CMS，事实上，我们可以利用CMS来提供这种体验。这里只需要一点小技巧：利用背景图片和视频来传递所有的视觉效果，在编写、设计时仔细检查每一个故事的一致性。这就和“博客”的格式不大一样了。

  如果你正在寻找更有吸引力的长形，我不会推荐纽约时报上由Tuam拍摄的“失落的儿童”。值得一提的是，这样更为多样化的长格式可以用破碎网格或者标准布局进行组合，正如上面的纽约时报片段所示。

  11

  可变的字体！

  在今天看来，我们很难相信就在几年前，我们还不得不依靠稀少的字体来呈现我们所有的文本内容。

  今天，网络上到处都是各种各样华丽的字体，从而引发了人们对字体印刷、字体设计和选用、消费字体的兴趣。

  可变字体出现后，这一趋势愈演愈烈。科技和印刷技术的巨头——苹果、谷歌、微软和Adobe之间有一个可变字体联合项目，这使得可变字体实现了一种全新的字体设计形式，正式增加了opentype格式，这意味着，允许设计师插入一个字体的整个词库或者有多达64000axe（磅值、字号等）的单个字形，并在设计空间中将特定位置定义为命名实体（粗体、浓缩等）。

  说实话上面这段文字有些难懂了，那么请直接看John Hudson的解释，他认为可变字体是：

  一个字体文件的行为像多个字体一样。

  但是在讨论字体设计等视觉艺术时，最好还是坚持从视觉方面入手。

  简而言之，这就是一个可变的字体，一个单一的字体文件，能够变黑，而不需要调用其它字体。

  12

  （注意：内容一直很酷）

  作为一个内容为王的极客，我很高兴看到在2017年产生了如此之多的有见解、极有帮助的内容。我相信2018年我们会见到更多，毕竟2017年已经打下了很好的基础。

  我们也可以看到，有很多领先品牌将pdf格式用于电子书领域并充分发掘网络出版长内容的潜力，我喜欢称之为“webooks”，这很具有吸引力。

  具体而言，我指的是：

  Stripe Atlas Guides

  Airtable Universe

  DesignBetter.co

  Intercom Books

  我们自己的电子书网站我想不需多言了吧！

  13

  CSS网格

  Robin Rendle的CSS网格演示，来自CSS-Tricks

  正如Robin Rendle极具有表现力地将它放在了CSS-Tricks上：那么，CSS网格是第一个真正地网页布局系统，它旨在将内容组织成列和行，并最终为给予开发人员最高的权限。此处应有得逞了的笑声。

  注：Webflow将支持CSS网格，但尚未提供官方日期。

  14

  追求完美的数字设计工具

  2017年是一个重要的年份，尤其是对于深入讨论设计工具的性质及其对我们工作的适用程度。

  Spectrum的Bryn Jackson分享了自己的看法：

  设计成品和设计工具之间的中间格式，可以为产品团队和设计人员提供更高效、更强大的工具。

  在一篇名为“接口”的文章中，他继续假设：“今天所有的每一种流行的设计工具都是为了优化插图。”

  （需要注意，Bryn Jackson对于插图的定义是导致图像、图标、插图、字体、广告、印刷媒体或其他没有本地交互性的可视通信媒介的任何设计工作，但这是一个有争议的定义，其中没有提到阅读和交互形势。）

  除了插图和交互性的定义以外，不难看出，Bryn Jackson的观点：在最基础的地方，大多数现代设计工具都注重图像的制作而不是接口。

  设计师兼工程师AdamMichela在“I’m a Designer at Facebook, and This Is What’s Missing in Design Tools Today.”中提出了一些相同的观点。他认为大多数设计师花费大部分时间来创建实际价值并不大的少量工件。而这些工件仅代表最终产品—数字接口，这与上述的情况背道而驰。

  在文章的最后，他积极地认为，有机会创建融合（而不是桥接）设计和实现的工具。

  这正是我们试图在webflow上构建的。像Michela，我们希望一个设计交付的不是网站的示意图，而是网站本身，不是接口的文档，而是接口本身。在这个过程中，网站能不断地修改、完善，还可以保存时间线上的不同版本，可以检查，甚至点击一个键就可以恢复。

  15

  多样性和包容性使得设计更具挑战

  Webflow是一个公平的机会雇主，我们致力于建立一个团队，这个团队不仅在观念和身份上具有多样性，并且受到鼓励。– Our job listings

  在Webflow所在的美国，日益激烈的政治环境正在推动对多样性和包容性在设计中的作用的强烈关注。

  我们不得不承认，设计的选择，小到性别的下拉列表中包含了哪些选项，都能影响我们同胞中的一些人。我们可以清楚地看到，错误的消息、措辞地影响有多严重，数据验证机制在人机交互地动态机制中有多强大。我们意识到，让种族成为广告的过滤器会产生彻头彻尾的种族主义效果，从而维护我们许多人希望看到被颠覆的现有权利体系。

  我们也清楚地意识到，如果我们地团队没有多元化和包容性，我们也没有办法提出设计方案。

  最起码，我们中的一些人不能。

  另一方面，我们也看到了性别歧视在明显的自相矛盾和边缘化之后抬起了丑恶的头颅，甚至会化身在看似道德的日常对话中。性别歧视就是双重标准的明显例子。

  最终，作为用户体验专业人员，我们的工作是为每个人提供可用且理想愉快的体验，而不论他们的种族、国籍、信仰等个人情况。换句话说，我们的工作就是包容，让我们一起在2018年，包容更多，获得更多。

  16

  视频的广泛应用

  尽管我们几乎没有人大肆鼓吹视频将会成为网络发布媒体，但发行商仍然非常看好转播。

  视频早已到处可见：从一开始就坚持使用视频而不是短故事的新闻网站，到Snapchat，再到Instagram，最后到Facebook。无疑，Excel很快也会赶上潮流！

  但就像科技领域的大多数事情一样，这并不是一个平稳的发展，成千上万的记者在文本和动图之间丢掉了工作。对于转播的网站来说，前景也可能不是很好。根据哥伦比亚新闻评论：

  转播的发行商们仅花了一年的时间，就用无差别的、平淡的快餐式视频，驱散了大多数来之不易的本土观众。

  独立新闻业至今遭受创伤，这要归功于特朗普，而视频的宣传也没有帮到他们。

  值得一提的是：根据Digiday的说法：“展示一千次视频的费用远高于展览一千次的费用。”在理想的世界里，报纸可以在打更少的广告。

  当然，这不会发生。面对这一切，请记住文字作为创意和信息媒介的优势：

  1.生产速度相对较快

  2.便宜

  3.仍是网络上大多数通信的主要形式

  最后一点可能也会让人费解，但我希望你能去各个社交网站看看。除非你点开的是Instagram，Pinterest或Snapchat，否则你仍会看到大量的文字。即使在这些视觉效果站第一的平台上，文字仍然扮演者重要的支撑角色。

  因为一张图片可能在捕捉场景时值得多说几句，但图片很难捕捉到具体的内容，人物、时间、地点、原因和方式。

  这使得我们很自然地谈及下一点：

  17

  用户体验写手的持续兴起

  任何影响设计的人都是设计师，这包括开发人员、CFO甚至公司法律。所有的这些都可以是设计师。–Jared Spool

  我在去年的设计趋势中谈到了这一点，但我今天想将注意力更多地放在被称为用户体验写手地原因上。

  简而言之，UX写手们专注于用户界面中的内容，这些内容主要用于大型数字产品和web应用程序。现在，我说我是为Webflow产出内容，过去是为了Linkedln，人们都会问：“这是啥？”

  但请放心，用户界面都有写手地痕迹。并且这些内容往往在你的理解过程中起到关键作用：

  1.你可以在用户界面中做什么

  2.如何做这些事情

  3.你可能会遇到什么限制和困难

  但UX写手能做的不仅仅是这些。用户界面中的词汇也是塑造好的用户界面背后的品牌认知的强大工具。试想一下，如果你看到的所有推文，所有应用中，都有一系列的搞笑文章，或者是在404页的展示中都有亮点，这些都是为了在最不理想的时候敦促你的行动。

  这在被称为Chatbot的UI格式中显得尤其明显。一般来说，这些用户界面只包含单词，单词构成了整个用户界面。Chatbot的个性、品牌都只能通过语言表达，不过也有一些精心挑选的表情符号来调味。

  作为一名经验丰富的UX写手，我很高兴看到这个关键角色得到了它应有的更多认可。我们也是设计师，不过我们是在音节和字母表中工作，我们迫不及待想要和你合作。

  18

  系统化

  成功更加系统化，更加具有扩展性且在品牌的许多产出和不同环境中具有凝聚力。

  设计系统专注于将品牌美学和功能方法转化为模块化的组件，这些模块化组件可以混合搭配以满足任何UI的独特需求（理想情况下）。当设计语言被系统化时，就简化了设计决策，缩短了开发时间，并且能让设计人员在尚未建立设计模式的项目上更好地工作。

  通常情况下，品牌正处于这一趋势之上。UXPin推出了Systems，这是一款用于创建和维护设计系统的工具。Shopify推出了Polaris，凭借其独特的内容、设计和开发指导方案而获得高度赞誉。UX Power Tools推出了一个想要使Sketch称为可行的设计系统工具的库（我们即将会看到！）我想2018年会有更多这样的消息。

  19

  原则—设计的第一要务

  设计界一直纠结于鸡还是蛋的问题：内容至上还是设计至上。

  我过去一直都是支持内容至上，这并不仅仅是因为我是一个内容的极客。对于我来说，在确定怎么包装之前，确定所包装的信息是最符合逻辑的。

  但最近，由于我已经由特定交付品的内容设计专项更系统化的工作，品牌内容策略，我对我们的工作是否遵从内容还是设计变得柔和了起来。

  它应该从原则开始。

  不论其他一切如何工作，我们都应该明确原则，并依赖于这些原则。

  当Shopify的高级UX主管Amy Thibodeau，在她的文章“LocatingPolaris”中提到：

  如果系统是为了实现真正的工作而创建的，它应该反映一个组织的行事准则及其价值。这也是说，一个不包含任何原则或价值取向的设计系统没法考虑日常实践中的这些问题。

  原则为其他所有决策提供了一个框架，从主要内容要多长到内容的背景是什么都有所限制。毕竟，品牌是建立在其原则至上：品牌的使命、愿景和目标。这些名词都需要一个进出的信念来作为支撑，使之成立而不倒。

  换句话说，原则回答了为什么。

  例如，在Webflow上，我们的使命是鼓励设计师，企业家和创意者将他们的想法带到网络上。这一使命融入了我所做的一切，从Ryan为我们创造的美学到我设计的语音和音调标准。

  这些标准知道我们创建草图，沟通我们的意见，并希望每篇文章、电子邮件和广告页面能更丰富。到目前为止，这是一个温暖的摇篮。

  -end-

  本篇内容来自：玩皮兔翻译

  作者：John

  根据你的喜好

  目测你还喜欢这些文章

  站酷，让设计更有价值！

  更多好文章请戳！

  ▽▽

  展开

• 5个资源满满的网站，每一个都超级的棒！

  你是不是还没有好用的网站资源？不用郁闷！今天为大家整理了5个资源满满的网站，每一个都是良心之作。

  一、vip视频在线解析

  喜欢看视频的朋友千万不要错过，它可以在线解析vip视频的网站，只需要将连接复制到网站的里面，点击立即播放即可在线观看vip视频！

  二、办公资源

  想要PPT、Excel、Word模板的朋友可以去看看，里面的模板样式非常时尚，各种种类的样式模板都有，不一款不可多得的模板资源类网站

  三、磁力猫

  这个是一款BT搜索的网站，帮你搜索各种文档、软件、电影、动漫等等，直接到搜索栏里输入关键词即可！

  四、腾讯课堂

  这是一款非常好的自学课程网站，里面的的课程非常全面，要有自学IT互联网、平面设计、留学英语、考研、考证的朋友可以在里面找到让你心满意足的课程视频。

  盘多多

  一款强大的网盘搜索网站，网站里面收录了将近三千多万个资源，只需要在搜索栏里面搜索你想要的关键词，即可找到。

  以上为大家分享的网站就到这里结束了！喜欢的话帮忙转发分享下。

  展开

• 这15个图片网站，至少让你的效率翻一倍！「图片资源网站」

  作者：七小葩

  来源：简书

  文 | 小葩

  如果你还在用百度搜图，那真是“棒棒哒”，像你这么专一的人不多了。

  经常有人会问我，你一般在哪找的图片？

  不少朋友都会有自己的素材库，需要时提取就可以了。

  不过像我这么懒的人，图片分类都得好久，找图片就更费力了。

  需要图片时，一个都找不到；不需要了，一个个好看的图片通通冒了出来，好气哦~

  为了想用就有，不浪费我白花花的时间，我憋出了一个大招。

  我哼哧哼哧守在电脑旁，从（创意趣味，高清大图，免费下载，无需版权）这四个角度，整合了国内外超级好用的图片搜索网站，分享给大家。

  有了这些，你还担心找不着图片？

  国内网站【创意趣味，高清大图】

  ■ 花瓣网

  我最常用的网站，喜欢找好看的插画。

  有平面摄影插画明星美食动漫运动教育等各种分类。

  吸引我的主要是图片很高清，插画有创意。

  图片很有趣，当然自己也可以投稿啦。

  我投了自己的原创作品，有了不少赞，啦啦啦~

  花瓣网大神作品

  ■ 站酷网

  高清大图，种类多。以创意为主，偏系列化。

  大多是设计师，图片有版权，可供学习与欣赏。

  有很多优质的图片设计，下载最好备注署名哟。

  站酷网

  ■ 堆糖网

  文艺清新范儿，适合男生女生的壁纸，唯美系。

  可爱卖萌的插画，让老夫的少女心扑通扑通乱跳。

  来这儿，会捕捉到小可爱~

  堆糖网

  ■ 别样网

  高质量，无版权。热门标签多，类别丰富，可免费下载。

  自己也可以上传照片分享~

  国内少有的高质量图片网站，吓得我赶紧收藏了。

  别样网

  ■ 插画家园

  插画与创意相结合，发现生活的小美好。文艺清新趣味。

  随手截了一张图，都是超级唯美好看的。

  图把生活的小物件融入到绘画中，竟然毫无违和感。

  如果你和我一样是个插画迷，这里简直是福利啦。

  还有很多脑洞大开的创意图片，超喜欢~

  插画家园

  国外网站【免费下载，无需版权】

  ■ Unsplash

  个人很喜欢的国外网站，主要是生活中的景象作品。

  清新的生活气息图片可以应用于各种需要的环境。

  点开即高清，可收藏，喜欢，下载。

  Unsplash

  ■ Pixabay

  创意图片本身就很酷了。

  更酷的是【支持中文搜索的免费可商用图库】

  官方表明：可在任何地方使用的免费图片和视频，无需署名。

  赞赞赞。

  Pixabay

  ■ StockSnap

  最先进的检索功能，瞬间拥有高质量的免费高清图片。

  超快的图片搜索功能，每张都是大片。

  我喜欢图片颜色很饱满，有点酷。

  StockSnap

  ■ Magdeleine

  主要类别有自然、城市建筑、动物、视频。

  风格偏厚重，比较艺术化。

  Magdeleine

  ■ 500px

  推荐说这里面有着世界上最好的照片分享，

  那，不管哒，分享给大家。

  图片偏生活化，自然为主。

  500px

  ■ STOKPIC

  主要是生活方式、旅行、物品，自然等方面的免费图片素材。

  STOKPIC

  【按颜色找图片】的网站

  ■ Pexels

  按照热度和颜色来筛选图片。

  每一张都高清大图，无版权可任性下载~

  Pexels

  ■ VisualHunt

  通过颜色找图片，更精准的满足用户需求。

  VisualHunt

  【摄影作品居多】的网站

  ■ Gratisography

  免费高分辨率的摄影图片。

  因为是高分辨率，内存相对较大，看你的需求而定~

  Gratisography

  ■ Cupcake

  免费高清摄影图片素材的站点。

  图片色调厚实，适合做背景图。

  Cupcake

  看到这儿，恭喜你~

  再也不用为找不到适合的图片浪费时间哒。

  图片网站有很多，适合自己才是最好的。

  一定要找自己最喜欢的，自己多用，超级方便。

  每一张图都是我在网站里仔细截的，

  每一个动态图都是我录好用心做的。

  这里网站主要适合图片素材的搜索，设计素材可单独问我哒。

  如果你还有什么疑问，也可以在下面留言，我帮你解答。

  如果你还有很好的图片网站，欢迎分享哟~

  如果你喜欢，一定要告诉我；帮到你了，我会很开心的~

  优质的实习，来实习僧APP！

  展开

• 网站设计之响应式设计

  目前响应式网站是被大力推崇的，响应网页设计在UI圈也是十分的受宠，在这几年的发展中依旧不减热度，今天广州网站设计公司来分析一下响应式网站：

  响应式网站之所以能够大行其道是有各方面的因素的。大环境的促进，互联网的发展迅速，电子产品的更新换代，网站要适应各种屏幕尺寸的移动设备，响应式网站具有其自身的灵活性和可塑性，因此在内在和外在原因的促进下各大平台都不会丢掉任何一方的流量，响应式网站大爆发是必然的。

  响应式网站的设计模式只要就是基于设备和内容，根据移动设备的尺寸来进行断点，内容具有较高的可读性，对内容的布局可以不用考虑设备，根据自身的弹性自行断点，呈现出不同的形式。但并不是搜有的都适合响应式网站，广州网站设计公司认为如果你想要节约本，或者不知道自己的产品更适合那个场景，或者想要一劳永逸使自己的网站能够适合更多的设备那么就可以选择响应式网站，他的自身弹性可以使你节约打造不同端口不同版本的成本，更加能够适应层出不穷的移动设备。这就是响应式最大的好处。因此响应式在当下依旧炙手可热。但是不能否认的是响应式依旧存在难以攻克的技术缺憾。

  首先图片的适应依旧不能完美，目前弹性图片的做法主要是：缩放、剪裁、分条件加载等实现方法本质上都只是一个技巧，只是治标不治本地掩盖了问题，并未真正完美地实现图片的弹性。其次不能够很好的的求同存异，适应各个移动端的手持习惯，比如在桌面端无尽优雅的Hover，在移动端却是无比糟糕的体验。然后就是性能方面，按条件加载、隐藏或显示什么内容，都会比单一条件判断的代码结构来的繁琐，并影响体验及维护。尤其是移动性能上，更多样的设备具有更加复杂的使用环境，如何识别设备，并让设备在不同环境均能良好体验，也是一根硬骨头。

  以上就是广州网站设计公司在长期运用响应式网站过程中对响应式的情况与技术难点的分析，希望未来我们能够攻克这些难点使响应式设计不只是一种简单的策略，更加是一种完整的全新的工作流程。

  展开

• 史上最有影响力的十五个网站

  什么叫有影响力？那就是改变了我们的生活习惯，并且渗透到了人们社会活动的方方面面。网站也是如此，自第一个网站诞生以来，几十年内无数网站在我们生命中路过，自然会有对我们影响重大的一些网站。《时代》周刊最近评出了15个最有影响力的网站，不少知名网站都名列其中。

  27年前的那天，英国工程师和科学家蒂姆·伯纳斯-李推出了世界首个网站，运行在瑞士欧洲核子研究组织的一台NeXT电脑上。

  这个网站当时非常简陋，只是在话题区塞进了几段句子。但是，它建立的基本原则对当今网络世界仍至关重要，那就是超链接概念，它让文档（最终包括任何类型的媒体）以非线性文本重现，而世界任何地方的任何人都可以通过浏览器阅读这些内容。

  网络后来经历了繁荣发展。1990年代中期，虚拟现实置标语言似乎即将改变网络。Adobe的Shockwave和Flash媒体播放器成为广受欢迎的多媒体明星。早期有谁能够想到，到2017年，曾一度被微软（IE浏览器）、网景等公司统治的互联网世界，会细分成多个板块，并让位于谷歌等一大波全新玩家。以下是《时代》杂志评选的史上最具影响力的15个网站，以及其原因。

  15、Match

  新兴一代某天可能会将20世纪末和21世纪初视为某种分界线：即互联网时代开启前后的分界线，以及人们使用Match寻找潜在约会对象的分界线。Match成立于1995年，这款在线约会服务在1993年时只是用来分发在线分类广告。但很快，它成为一款帮助人们约会的服务。如今，Match在全球25个国家开展运营，促成了数千万对情侣。

  阿卡注：这网站国内完全不知名，因为国内有太多类似网站，而且作为国人而言，也没条件通过一个国外网站和其他国外友人搞网恋和约会……

  14、Reddit

  在线论坛自互联网之初就存在了，因此在某种意义上而言，Reddit只是论坛的现代版。但是，成立于2005年的Reddit在论坛中添加了社交新闻元素，让它成为新闻与反馈中心的结合。将有趣、小众或热门话题与粉丝群体融合，在如今已变得非常流行，吸引无数用户每年贡献数以亿计的浏览量，而Reddit也自豪地声称自己是“互联网首页”。

  阿卡注：的确是非常出名的网站，现在依然很火爆，但是国内用的人不多，可以正常访问，不过的确版面和设计不算时尚。

  13、Pandora

  MP3等早期网站开启了音乐共享的浪潮，诞生了iTunes和Spotify等数字平台，但是是Pandora证明了流媒体播放加兴趣推荐的模式。Pandora成立于2000年，它允许用户播放自己熟知的歌曲，或者是播放器中某种类别的歌曲，之后是基于贡献性质的推荐歌曲。用户可以对每个类别点赞或表示不感兴趣，“训练”服务迎合他们的喜好。如今，你可以在亚马逊、苹果等许多公司的服务中看到这种元素。

  阿卡注：潘多拉是很多年前阿卡就用过的网站，现在其实用的人不算太多了，但是共享音乐以及音乐网络化的趋势，潘多拉的确为其贡献多多。

  12、维基解密

  维基解密以爆料各种内幕消息著称，曾让美国五角大楼头疼不已。维基解密由澳大利亚记者朱利安·阿桑奇在2006年创立，旨在帮助人们匿名曝光国家或机构的敏感信息。它以曝光美国的军事和外教活动、支持美国国家安全局泄密人员爱德华·斯诺登（Edward Snowden）而名声大噪。2016年，它曝光了美国民主党大量的邮件，这些邮件据称由俄罗斯特工提供。

  阿卡注：维基解密对国人而言不算什么，但对于国外用户来说，这简直就是世界政坛八卦聚集地，而且很多八卦说不定还是真的，国内无法正常访问。

  11、The Pirate Bay。

  该网站倡导“信息自由”，索引其他机构的内容，提供链接供用户下载，常常公然违反信息共享法。尽管被全球起诉和调查，但它仍旧存活了下来。

  阿卡注：著名的海盗湾，世界最大的盗版网站，当然美其名曰共享，目前国内还是可以正常访问的……

  10、Info.cern.ch

  全球首个网站info.cern.ch，是伯纳斯-李在1990年于欧洲核子研究组织担任研究员时，因应工作需要而创造。他回忆称，当时的网站并不“互联”，而是由各份文件拼凑组成，且只为国防机构或学术组织所用，并不像如今这样普及。

  伯纳斯-李称，当时电脑间的资料并不流通，自成一体，用户若要从数部电脑中获取资讯，需登入不同的电脑，费时费力。更大的问题在于，由于电脑的种类不同，作业系统也不尽相同，用户要因此很难适应。

  因此，伯纳斯-李从实际出发，创立世上第一个网站，提供万维网的资料，让用户可通过超链接，从互为连接的网站中获取资料，为万维网打下坚实基础。时至今日，这个网站仍然可以登录，而伯纳斯-李也仍然是网络先锋，他反对网络审查，提倡资讯流通，让网络世界继续变得更美好。

  阿卡注：其实没什么用，但是什么事情粘上了第一，那就有影响力了！

  9、eBay

  亚马逊运营着如今全球最大的在线商店，但普及在线市场理念的却是eBay。eBay成立于1995年，当时名为AuctionWeb，它永远改变了人们交易二手商品的方式。它为现代化电商网站奠定了基础。

  阿卡注：国内叫易趣，已经废了，但是国际上，它依然是最大的纯第三方电商交易平台，而且的确有不少好东西，国内可以正常访问，喜欢海淘的人应该多去！

  8、Drudge Report

  马特·德拉吉是一名网络记者和电台脱口秀节目的主持人，他创办的Drudge Report率先报道了美国总统克林顿的性丑闻事件，时至今日仍在华盛顿政界拥有巨大的影响力。

  阿卡注：国内毫无名气，而且这类网站在国内不具复制性，原因众所周知，只是能爆美帝老大的丑闻，影响力自然就上去了！

  7、雅虎

  在“谷歌”成为动词前，雅虎也享有这样的地位。雅虎是现代门户网站的先驱，它对世界的影响已无需赘述。

  阿卡注：雅虎的影响力不用多说，包括当年在国内也是叱咤风云，现在嘛，只能说一声默哀了！

  6、Craigslist

  Craigslist是在线分类网站鼻祖，人们可以在上面找房子、找工作、买卖二手物品等等。它创立于1995年，起初只是记录旧金山地区活动的邮件列表，此后成为分类广告网站和在线论坛。

  阿卡注：这不就是国际版的58同城么……现在这类网站国内非常多，但个人还真不知道这类网站的祖宗就是这货啊！

  5、YouTube

  YouTube是全球最大的在线视频网站，全球用户每天在该平台花费的时间达数万年。

  阿卡注：我们有优酷，我们有爱奇艺，我们有乐视，我们有土豆，我们有……我们有什么，都无法否认这个我们国内无法访问的网站是世界上最大也是最好的在线视频网站！

  4、Facebook

  Facebook由马克·扎克伯格在2004年创立，目前拥有20亿活跃用户，是全球第一大社交网站。

  阿卡注：国内无法访问，个人觉得非死不可在很多功能上有点太过繁杂，推特反而自己更喜欢用一些。当然从规模和运营情况而言，非死不可的确是目前世界上最大的社交网站！

  3、维基百科

  世界最大的在线百科词典，内容无所不包，成立于2001年。

  阿卡注：最近可以访问，从知识和查询角度而言，没有任何一个网站能和它相比了！

  2、亚马逊

  亚马逊如今已成为零售和科技巨头，但起初它只是一家在线书店。如今，亚马逊占据美国零售总额的5%，并预计将继续增长。

  阿卡注：国内也有，海淘爱好者必备网站，说实话，想买海外商品，这是最好的选择了！至于京东淘宝什么的，出了中国，比都不要和别人比！

  1、 谷歌

  自1998年成立以来，谷歌已经成为搜索的代名词，变为了一个“动词”。目前它仍是最常用的搜索工具，在移动搜索市场的份额高达97%，在桌面搜索市场的份额达79%。

  阿卡注：如今在国内是不存在的网站，但是别忘记我们曾经拥有过，或许只有拥有过才知道它的好！

  什么是影响力，其实看看这些网站就知道，除了一些因为时间的缘故在历史上拥有一席之地，更多的网站是他们创造性地开创了一个新的领域，甚至开辟了我们现代生活的一个新的道路。

  份额再大、用户人数再多，只凭借抄袭和借鉴，是永远不会有什么历史地位的。从这方面来说，国内的厂商和网站还需要继续努力才行！

  唔，要是说影响力最大的社交APP，QQ和微信应该能上榜吧？

  展开

• 来自日本最优秀的网页设计

  日本的网页设计向来自成一体，别有风味。和谐，但是追求错落，宁静，也隐含躁动。所以，它令人着迷也不是没有原因的。

  这些设计精良的日本网站同样会使用那些极尽奢华的视觉元素，炫酷而现代的动态效果，同时还保留着日本文化中对残缺美的执着和沉迷，所以，尽管你会在网页中看到不少“不和谐”的元素，但是整体上却能表现出独特的错落美。日本人对禅和道的独到理解，使得他们的网站能营造出祥和宁静的氛围，结合精致的细节和良好的体验，你会发现日本网站的整体设计极具识别度。

  接下来的20个网站会为你展示日本优秀网页的良好设计，希望你能喜欢。

  Kenji Saito

  斋藤健治的这个个人网站，不仅为开发者展示了HTML5/CSS3和JS的强大功用和梦幻般的效果，而且用实际行动为设计师们呈现了什么叫“如鱼得水般的设计”。

  Exit Film

  Exit Film这个网站以非入侵式的方式在一个屏幕上展示了四个视频，优雅的剧中布局配合深色底，精致的细节和排版使得网站视觉极具冲击力，同时又不会给用户造成视觉负担。

  Satoshi Kuroda

  打开网页的第一刻你会被网站大背景下的精致排版所吸引，网页设计充分展现了设计师的艺术天赋，漂亮的字体设计表现力十足，细节的装饰也非常到位。

  Kenji Endo

  这是艺术家远藤健治的官方网站，中性的黑白色调构成了网站的主色调，强烈的对比和留白令网站设计感十足。

  Gakuten

  Gakuten 是一个日本 万国学生艺术展览祭的官网网站，网站设计清爽，细节排版精致到位。作为一个大型设计展的官网，网站和展览本身紧密关联，美观与功能都兼顾到了。

  Sanga Ryokan

  这个旅馆的官方网站，充分融合了现代网页设计和日本和风，对称式的布局不仅便于展示内容，而且隐含阴阳之变的隐喻，艺术和哲学的意味十足。

  Hys-inc

  Hys-ins 的外观看起来质朴而干净，视觉设计非常讨喜，黑白对比使得前景元素非常清晰。平衡的设计使得网站看起来整齐而不单调，细节丰富，而且用户可以很容易感知到网站所属的专业领域。

  Koto-bana

  如果你正在寻一些先锋的概念设计或者创意思维，那么这个网站就是你在找的东西。Koto-bana 是一个非常炫酷的图库网站，你能从中找到许多灵感。

  Lexus

  作为著名的高端车品牌，Lexus 的网站设计感绝对是不容质疑的。工业设计感十足的Lexus 轿跑与壮丽的背景融于一体，杂志式的排版与精致的内容紧紧抓住每一个访客的双眼。

  Don-guri

  打开 Don-guri 的网站，用几分钟时间的缓冲，帮你开启全新的一天吧。这个音乐类项目能够将正能量充满你的办公室，帮你调整状态，让你精神充沛一整天。更重要的是，网站不仅音乐带感，而且网站设计也清新明快，过目难忘。

  Hanatsubaki

  令人印象深刻的图片选取使得网站个性十足，独特的处理方式也赋予图片别样的美感。图片居中放置，留白和中间的人物比例完美，前后景的色彩对比，这些都体现出网站设计师的功底。

  Howlt

  设计师巧妙地使用涂鸦和动画，使得这个作品展示站从同类网站中脱颖而出。网页中动画的使用，使得网站的创意和艺术性提高了不少，令访客流连忘返。

  Fabrik

  艺术家喜欢直观的展示，用材质、色彩和细节给用户的眼睛来一次充分的洗礼。网站展示的产品色彩非常漂亮，在白色的底上展示，充足的留白让产品自然而然成为视觉的焦点。

  Kobaphoto

  这也是一个个人作品展示站，排版和导航并不喧宾夺主，让用户能将注意力集中在摄影作品上，主次分明。

  Don-guri Magazine

  这是Don-guru 团队另外一个值得关注的项目。项目关注的是日本最具标志性的元素——动漫。网站本身也采用了别具一格的动漫风格，令人脑洞大开。

  Letters

  虽然网站采用的是单色设计，但是设计师用细线构建出华丽的图案，这种神似“了不起的盖茨比”的华丽风使得网页呈现出不同寻常的精致之美。

  Ondo

  Ondo的首页使用了一种非常少见的非传统配色方案，结合华丽的动画和特殊的元素，为用户营造出特殊的氛围。

  Midori Aoyama

  这个网站是 Midori Aoyama 的个人作品站，经过调整之后的站点充满了科技感。你能在这里找到许多时下流行的设计元素：精致的排版、幽灵按钮、生动的背景和Low-Poly图片。

  Herbal Bises

  Herbai Bises 这个网站我们曾推荐过，超现实主义的设计使得网站首页拥有别样的美感。细节设计上，网站有许多地方值得我们学习，单色最令人难忘的还是它的视觉设计和插画，美翻了。

  RedBull

  展开

• 本页内容为企业、个人自主上传或来源网络，所有资料仅供用户参考；我单位不对其版权负责、不保证亦不表示本网的资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。