围仔网站设计头条

• 极简网站怎么设计？这20个设计师作品集网站给你灵感

  在网页设计这个事情上，大的趋势总会在很长的一个时间尺度上发挥作用，就像极简的设计风格，似乎还没有一个其他的设计趋势或者风格能够完全地将它替代掉。好在极简主义这个大的设计风格体系之下，设计师常常能够合理的加入一些个人的想法和独特的元素，来营造出让人难忘的体验，而这也使得每个月的设计师作品集网站推荐，每次都能够拿出让人值得学习借鉴的新东西出来。

  Bruno Ferdinand

  Bruno Ferdinand 是一位在字体设计上有着突出技巧的设计师，他的作品集网站中不仅能够体现他在字体排版上的独特想法，而且还表现出他近乎强迫症的时尚口味倾向。整个网站的设计简约，美观，质朴也令人难忘。

  Yumpic

  其实 Yumpic 这个名字应该就已经反映出这个网站的属性了：它是专门用来分享美食的图片和视频的。对于想要创建完美 Instagram 帐号的用户，美食博主和食品相关从业者而言，这个博客所提供的内容是非常不错的。整个网站保持风格简约的同时，巧妙地将个性化的元素和图片穿插使用，营造出相对独特的体验。

  Duane Dalton

  Duane Dalton 的作品集很明显地凸显出他的工作属性，作为一个和平面印刷打交道的设计师，他的作品集简约而统一，在美感上感觉还有提升的空间。

  Kenta Toshikura

  Kenta Toshikura 的网站是最典型的极简主义设计风格，网站在功能上明显是以展示为主，在视觉设计和排版上没有采用一些很独特的技巧，不过借助3D效果倒是意外的让人觉得很有趣。

  Ellen Mandemaker

  说实话，打开 Ellen Mandemaker 的这个网站，我一时半会没有搞明白网站的功能到底是什么。不过根据我的经验，网站的内容呈现更接近于是艺术表达，而非设计作品展示。作为一个静态网站，网站在展示不同的艺术作品上，还是非常有条理的，更重要的是，风格非常的令人讨喜，让人忍不住持续地浏览下去。

  No Plans

  No Plans 是一个单页的作品集网站，干净的设计和严谨的呈现方式，使得内容给人感觉相当不错。有意思的是，在文本排版上，No Plans 还采用了相对少见的首行缩进。

  Lab101

  Lab 101 这个网站的整个设计是相当极简而现代的，网站中绝大多数的设计都比较稳健，比较有意思的地方在于你进入之后，鼠标光标的样子会发生改变，而「联系」页面中会包含一些有趣的3D动画。

  Studio Bjrk

  Studio Bjrk 整个网站除了彩色的图片，其他的元素都是简单的黑白双色构成的，水平滚动布局是相对非常规的设计，不过滚动浏览的体验倒是出乎意料的顺畅自然，结合恰到好处的动效和几个背景视频，整个网站难得地在保持简约的同时，还具备了相当不错的动感。

  Juul Hondius

  许多设计师在设计作品集网站的时候会参考杂志式的排版，而 Juul Hondius 所呈现出来的，就像是一个略显古老的杂志布局，紧密的字间距和漂亮的摄影，整体氛围颇为怀旧，但是信息传达也无比的准确、集中。

  Thu-Van Tran

  Thu-Van Tran 的网站设计带有一些粗野主义的风格，网站在视觉上提供了清晰无比的图层，上下层之间的关系在视觉上表现得非常清晰。设计师借助简单的布局和有趣的排版，让它脱颖而出。

  Aristide Benoist

  Aristide Benoist 将栅格和微妙的延迟动效结合到了一起，黑白红这种极具视觉冲击力的配色之下，网站呈现出一种极具特色的视觉美感，和顺滑的浏览体验。

  Datagif

  Datagif 无疑是非常喜欢非衬线字体，网站在相对标准的布局之下还融入了几何图形元素，无论是在视觉还是在个性上，都做的颇为不错。

  Handsome

  Handsome 的网站风格很像5年前所流行的那种，衬线明显的字体，黑暗的图片背景，和几乎不可见的装饰性的细线，本身就带有怀旧的质感，平面设计的感觉也极为浓郁。

  Sister

  Sister 是一个非常典型的设计机构的网站，网站的设计风格不仅极简，而且运用到了非对称式的布局，整体感觉现代性极强，简单，但是令人印象深刻。

  Makers and Allies

  Makers and Allies 是一个颇为传统的品牌设计工作室，动效被加入之后，整个网站质朴的美学特征和现代的技术之间达到了恰到好处的平衡。如果网站在对比度上能够更显著一点，会更好。

  Bipolar Studio

  Bipolar Studio 将时下流行的动效设计、现代主义美学和经典的字体融入到自家的网站设计当中，他们的作品绝大多数是视频，这也使得视频成为了整个设计当中最为重要的元素。每个项目的结尾，都有项目完成时长的统计数据，这个数据倒是非常具有参考价值。

  Akins Parker

  Akins Parker 的网站感觉像是使用 PowerPoint 制作的，大量的图片作品基本都是用来展示的，本身并不具备明显的功能性。

  Ian Jones

  Ian Jones 的作品集网站在设计的时候借助了栅格系统，不过在视觉上并不可见。网站在风格上不仅现代，而且给人以冷峻的感觉，非常有调性。

  Michael Uloth

  Michael Uloth 确实是一个难能可贵的多面手，当他不忙于歌剧演唱的时候，会给别人设计颇为具有艺术气质的网站，而他自己的作品集网站也非常的简约和漂亮。

  Lasse Flde

  Lasse Flde 是一个摄影工作室，他们的作品被集中放在这个单页网志上，大量的留白衬托着错落的摄影作品，拼贴式的布局非常的有个性。

  展开

• 精选｜设计大师常用的16个高质量图片网站

  推荐人｜张峰 ｜来源｜心智蓝图学堂

  正文共：2858 字、预计阅读时间： 8 分钟

  大家好，我是张峰。

  因为经常要制作PPT、文章配图和作品设计，最花时间成本的应该是找素材、尤其是图片素材，与大家想法一样，想把作品打磨的更加出彩、更有规格，所以我用两天的时间浏览了50多个国内外图片站。因图片版权问题困扰着很多朋友，有朋友不知道在哪里下载，下载了这个图片也不知能不能用，很困惑。

  今天给大家推荐这些优质而且免费无版权的图片网站。注意，是免费还无版权限制，很多人都是私藏不分享的。

  目的是希望大家今后使用方便，节省大量寻找的时间，专心于作品。好，我们闲言少叙接下来我给大家一一分享。

  01

  PIXABAY

  https://pixabay

  Pixabay是一个支持中文搜索的免费可商用图库。

  里面有很多不同类型的摄影照片，大家可以通过Pixabay去寻找自己想要的图片，简直完美解决各种场合的分辨率要求，真的是一个图片搜索神器。

  02

  PEXELS

  https://pexels

  Pexels是一提供海量共享图片素材的网站

  Pexels可以说是图片素材界的超级网红,每周都会定量更新，照片都是有专人在众多图片中精心挑选而来的。

  当然，最重要的还是提供强大的筛选功能，可以按搜索热度，按颜色等来筛选图片,可以下载各种各样的原图尺寸。

  03

  GRATISOGRAPHY

  https://gratisography

  Gratisography是一个免费高分辨率摄影图片库

  所有的图片都可以用于个人或者商业用途，好图片的站点不好找，尤其是这类站点每周更新图片,你只需要点击即可下载。

  04

  VISUALHUNT

  https://visualhunt

  Visual Hunt收录着大量免费图片，号称超过3亿张

  Visual Hunt如果你正在寻找好用且免费图片或者特定颜色的图片，首页搜索框底下，点击相应的色条就可以了,无须注册、登入，即可在线下载图片。

  05

  UNSPLASH

  unsplash

  Unsplash是一个数量很大的免费高质量照片的网站

  Unsplash是一个数量很大的免费高质量照片的网站，每天更新一张高质量的图片素材，全是生活中的景象作品，清新的生活气息图片可以应用于各种需要的环境，非常值得收藏。

  06

  ILLUSION

  http://illusion.scene360

  illusion这是一个非常有格调的图片网站

  从官网首页上面这张截图片大家也可以窥见一二，网站里面的图片风格大多十分怪异，换个词说叫特别有艺术感。这个网站下载图片也是非常方便的，鼠标右键选择保存即可，如需使用，最好标明来源和作者。

  07

  WEAVESILK

  http://weavesilk

  Weavesilk这个图片网站有点奇特

  Weavesilk它不提供图片，只提供画笔，你可以使用它为你准备的几种颜色的笔，轻松地画出非常抽象，充满科技感的图片。

  08

  FINDA

  http://finda.photo

  FindA.Photo是根据图片颜色和标签来搜图的网站

  FindA.Photo用法也是一样，点击相应的色条就可以了,无须注册、登入，拥有CC0授权的图片资源超过几千张直接下载图片，而且是高清大图没有版权限制，随意使用，还可以编辑。

  09

  PHOTOCK

  https://photock.jp

  PHOTOCK日本的无版权图片网站

  免费图片资源达5000+，种类有很多，天空、水、河、海、草坪、火、山、动物、建筑、夜景、日本景点、日本历史文化图片等等。

  10

  DESIGNERSPICS

  http://designerspics

  DESIGNERSPICS主要是有大量免费高清图片网站

  主要是有大量免费高分辨率的生活、工作、休闲图片，关键的是可商业用途。

  上图是我给大家下载一张图看看，这图片品质非常高，做PPT、设计配图相当有逼格。

  11

  CUPCAKE

  http://cupcake.nilssonlee.se

  CupCake提供免费高清摄影图片的网站

  CupCake是一个提供免费高清摄影图片素材的网站，图片比较适合作为网页、PPT、设计等方面的背景。所有的照片都加入了CreativeCommons License授权CC0，你可以自由的使用所有的图片，无需支付任何费用。

  12

  KABOOMPICS

  https://kaboompics

  KaboomPics以生活化免费高质量图片

  推荐的「 Kaboompics 」国外免费图库是一个相当值得寻找素材的好地方，网站出自一位女性设计师、摄影师、网站开发者 Karolina，Kaboompics 至今已收录超过 5,000 张相片。这些素材都能被自由下载、免費使用于个人或商业专案用途，无论是博客、社交网站、制作 HTML 或 PSD 模版、装饰你的PPT幻灯片，甚至可用在印刷，都不必担心法律问题。

  13

  STOCKSNAP

  https://stocksnap.io/

  StockSnap是一个提供可自由使用的高清图片网站

  StockSnap是一个提供可自由下载使用的高清晰摄影图片作品的素材库，所提供的资源相当实用，网站由多位摄影师组成，提供丰富的免费照片，随意使用无需经过授权。

  14

  POLAYOUTU

  http://polayoutu

  泼辣有图是一个特别强调图片背后故事的可商用图库

  泼辣有图是一个开源摄影项目，即任何人都可以免费的将泼辣有图的图片用于任何用途，包括商业使用等。

  15

  PICJUMBO

  http://picjumbo

  Picjumbo高清图像资源没有版权限制网站

  Picjumbo网站上的图像资源很好的，不仅有图片，还有各式插画、矢量画、且用起来相当简单与便捷。同样，该网站上的图像资源没有版权限制，并可免费供个人和商业使用。

  图片的品质很好

  16

  FREELMAGE

  https://cn.freeimages/

  FreeImage 是一款免费开源的、跨平台图片网站

  FreeImage 是一款免费的、开源的、跨平台图像处理库。其中包括了超过 30万张免费照片和图片，分类很清晰。

  今天一口气给大家分享16个免费无版权高清图片素材网站，你可以结合自已情况着重挑选几个图片网站长期使用即可。

  哈哈！重要的事情说三遍，图片使用需要注重版权问题，大多数国内图片素材网站都是有版权保护的，大家注意版权问题不要随意滥用。

  整理资源费时耗力，所以大家能收藏就收藏，能点赞就点赞，想分享就分享吧。张峰老师在这里谢谢各位！

  ———— / END / ————

  展开

• 时装设计师最爱的9个网站｜拿走不谢

  时装设计师们源源不断的灵感都从哪里来？他们平时都是如何快速获得全面的时尚资讯和流行趋势，又是从哪里得到高清的秀场图片的？

  以上的这些问题小伙伴们或多或少都会有些疑问吧。今天我们就来盘点下设计师们平时到底都爱看哪些网站。

  潘通色卡

  pantone

  【必看理由】

  权威流行色彩发布、标准色卡

  不久前刚公布的2016年的流行色静谧蓝（Serenity）和粉晶色（Rose Quartz）小伙伴们不知道有没有开始置办起来了？说到每年的流行色，正是由色彩权威机构 Pantone发布的。

  潘通色卡是享誉世界的涵盖印刷、纺织、塑胶、绘图、数码科技等领域的色彩沟通系统，已经成为事实上的国际色彩标准语言。

  看着Pantone官网的海报，真是小清新指数爆表。

  VOGUE / style

  vogue

  海量高清秀场大图，最快最全的时尚资讯

  说起时尚杂志，恐怕大多数人首先想到的就是VOGUE。

  VOGUE创刊于1892年，是世界上历史悠久广受尊崇的一本综合性时尚生活类杂志。杂志内容涉及时装、化妆、美容、健康、娱乐和艺术等各个方面，被誉为“时尚圣经”。目前已在全球共计21个国家和地区出版发行。

  小伙伴们非常喜欢的Style现在已经和VOGUE官网合并成了一个网站。由于Vogue与Style以及全球康泰纳仕新媒体就关于秀场图片及视频的特别合作关系，我们能够在VOGUE官网获得最快最全的时装周秀场报道，海量的秀场高清大图，并能看到国际顶级设计师、评论家及博主的独家专栏和各类高质量的原创内容。

  GQ

  gq

  海量高清男装秀场图，展现精致男士生活

  Gentlemen’s Quarterly，简称GQ ，它与VOGUE同是康泰纳仕出版的时尚杂志，内容关于时尚、风格、时事及男人事物。如果说VOGUE是女人必看的时尚圣经，那么GQ则当仁不让是男人必读的时尚杂志TOP1。

  GQ每期呈现世界知名设计师的最新时尚、精彩轶事、最新的趋势，报导顶尖运动员、刊出最炙手可热的女明星照片，介绍美食和最热门的旅游地点，以及最好的健康、健美塑身和性的建议。GQ官网也收录了海量秀场高清图。

  WGSN / Stylesight

  wgsn

  全面时尚资讯收集、准确流行趋势预测

  WGSN的前身是Stylesight。Stylesight是一个专门提供时尚资讯的信息平台。拥有时尚圈内经验丰富的资深业务团队，提供涉及时尚设计、潮流分析、预测、报导、营销和服装生产等各领域的第一手信息。

  从设计开发到商业运作，Stylesight对时尚产业了如指掌。Stylesight的图片库拥有400多万张女士、男士和儿童时尚系列的图片以及室内装潢设计图片，这些图片来自世界各地的设计师系列。

  设计师没灵感？不用担心，去Stylesight的图片库看看，总能找到你想要的。

  BoF

  businessoffashion

  权威的时尚商业资讯及行业情报分析

  The Business of Fashion，简称BoF，是在当今全球互联时代中诞生的新一代时尚媒体公司。公司以其权威、严谨和屡获殊荣的新闻报道而为大众所熟知。

  要fashion，只停留在表面怎么够？如果想看高质量的时尚商业新闻和权威的行业情报分析，BoF是个不错的选择。而且现在BoF已经有了中文版，更加方便了中国读者的阅读。

  WWD

  wwd

  女性时尚圣经，全面的时尚商业资讯

  Womens'Wear Daily简称：WWD，被誉为“时尚圣经”，是极具权威的国际性时尚报刊，提供时尚、T台、配饰、时尚市场、商业、零售工业、女性时尚、绅士社区等时尚商业资讯。

  说起“时尚圣经”这个名头，不得不又提到前文说过的VOGUE。二者都备受赞誉，却各有重点。VOGUE更倾向于时尚，而WWD则更倾向于时尚商业资讯。

  StreetPeeper

  streetpeeper

  搜罗全球各地街拍，感受各色时尚风格

  StreetPeeper是全球著名的街拍网站，时尚衣着风格及充满特色的街头文化，从纽约到悉尼，伦敦到巴黎、东京到首尔……通过这里几乎可以看到全世界的时尚风格。在官网可以看到数十个城市的街拍搭配，从中窥探渗透到时尚中的文化差异，也是别有一番滋味。

  海报网

  fashion.haibao

  中国本土领先的时尚类网站

  提到中国本土的时尚网站，海报网是一定要拿出来讲一讲的。

  海报网正式创建于2007年，独立开创了全新的中文类时尚互动媒体形式，它集聚时尚张力，汇集第一线的潮流资讯，并持续提供令人目不暇接的生活好品味。

  链尚网

  lianshang

  全球面辅料交易平台，一站式采购

  从那么多的时尚网站汲取了源源不断的灵感和专业知识，那么接下来就是要把自己的想法、理念付诸实际啦。

  那么，设计师们该通过什么渠道快速、高效地获得自己想要的面辅料呢？答案当然是——链尚网。

  链尚网是全球面辅料交易平台。网站积极响应互联网+趋势，将线下的面辅料全面整合到线上的平台进行交易，供应商货源遍及全球，让广大设计师们和面辅料采购人员真正能做到“足不出户，全球采购”。

  展开

• 网页设计：高雅白打造极致的官方网站

  一般使用白色作为主色调的网站设计都是非常简洁、干净和优雅的，而且白色大部分人都喜欢使用，包括现在实生活中的建筑设计。白色是全部可见光均匀混合而成的，称为全色光，是光明的象征色。白色明亮、干净、畅快、朴素、雅致与贞洁。但它没有强烈的个性，不能引起味觉的联想，但引起食欲的色中不应没有白色，因为它表示清洁可口，只是单一的白色不会引起食欲而已。

  白色在网页设计中的重要性

  很多人以为使用白色是很枯燥、没有创意或者是很老土，但是很多设计师使用白色创造出很多优秀的设计作品。

  而使用白色不一定是”极简的”，极简主义并不依赖于任何特定的颜色。同样，”空白”也并不一定非要是在元素周围使用白色。你——设计师必须做出选择。

  白色有着很好的拓展空间，适当白色可以非常棒的点亮一个设计，可以让暗色的色调，比如红色、绿色、蓝色和紫色看起来更醒目。

  白色的背景文化

  白色的颜色，象征着和平和谐的社会。白色是非常广泛的应用在基督教，有着纯净，真实的，高贵的象征。

  在西方，特别是欧美，白色是结婚礼眼的色彩，表示爱情的纯洁与坚贞。但在东方，却把白色作为丧色。

  网页设计中使用白色的好处

  我想很多人都同意，说白了就是一个干净，纯洁的形象。但大多数网页设计不就是为了这个目标吗？网站简洁干净，而且有效的组织内容和元素，这就是我们常说的简洁的网页设计。

  接下来我们看看一些优秀的白色的网页设计例子，看看设计师们是如何利用白色空间、如何排版和配色的。

  展开

• 2017 TOP10 RWD网站设计趋势与特点

  过去几年，全球所有的设计师透过各种方式不断探索RWD网页设计的设计模式，2017年即将进入成熟阶段， 成熟且大众化的RWD网页设计样式才能提高网站流量。

  网页设计是一种产品设计，因此，不够实用或不符合趋势的设计，不只会导致使用者在网站里迷航，更可能让使用者对你的网站失去耐心与信心。

  在RWD的时代，每一种网页设计样式都必须找到得以同时适应电脑版与手机版的解决方案，成为当前网页设计师们的重要课题。许多过去很炫且视觉效果强烈的网页设计，在RWD的考量下，不见得都可以继续使用。设计师们必须找出同时可以符合RWD规范，又能具体呈现不同网页设计风格的作法。我们来看看有哪些成熟的RWD设计方式，能让你的客户在手机上顺利浏览，同时增进网站流量。

  1.汉堡选单(hamburger menu)

  汉堡选单目前已广泛作为手机版选单的设计模式，IBM官网则进一步将它发展成电脑版和手机版共用的选单样式，并保留电脑版的主选单，使电脑版和手机版的操作习惯更为一致。

  2.下拉选单(dropdown menu)

  过去网站次要选单经常采用左选单的方式来设计，在RWD的时代，GE官网直接将这些网站次要选单直接在主选单上以下拉选单的方式呈现。如此的规划，可让使用者在电脑版选单和手机版选单，看到一致性的选项。

  3.全幅背景(full background)

  全幅背景是目前最流行的RWD设计模式，不论内容是图片轮拨(slider)、影片或单色色块。由于大背景主要是透过width:100%让画面尺寸自动贴合萤幕尺寸，一来在电脑或行动装置都可以贴齐边界，二来大背景可以呈现大萤幕的观赏效果，因此成为最受欢迎的RWD设计样式之一。

  4.卡片列表(Card List)

  卡片式列表应该算是RWD时代最典型的设计样式。卡片式的设计可以在电脑版和手机版自由切换，与手机APP清单的浏览模式相近，可清楚呈现每个item，点选范围也变大了，许多列表的样式(例如news list)也都直接采用卡片式设计。

  5.全萤幕相簿(full screen album)

  有图有真相，透过照片来介绍是最简单有效的方式。然而不是所有的相簿外挂都能RWD的。全萤幕相簿可直接侦测萤幕宽高来自动调整图片呈现的尺寸，不像嵌入网页的相簿，需顾虑网页上其他元素相对的位置，因此全景相簿成为RWD时代最受欢迎的相簿设计模式。

  6.时间轴(timeline)

  时间轴是最适合用来呈现历史记录概念的设计，经常用在企业历史沿革。可RWD的时间轴必须能在电脑版和手机版正常呈现时序概念。

  7.滑动表格

  表格的呈现在RWD手机版中仍然是一件困难的事，很难想像如何在手机如此小的萤幕当中，要阅读一张像Excel般复杂的表格。以Bootstrap的滑动式表格来说，可在手机上采用手指滑动的方式来回浏览整份表格。

  8.杂志式编排

  随着技术性问题的克服，全版杂志式编排在2017年将逐渐成为RWD设计的主流设计样式。杂志式的区块分割可以让网页看起来更像阅读杂志，少了左右的空白区块，网页看起来更为简洁俐落。

  9.旋转轮播 (Carousal)

  旋转轮播在RWD持续发烧，好的Carousal元件可设定在不同的萤幕宽度显示不同的笔数，以适应RWD网页设计。

  10.回到页顶(Go to top)

  GoToTop在跨装置浏览来说，是个简单又十分便捷的设计。由于一页式网页加上手机版的设计都是属长页式的网页，一个小小的箭头就能帮助使用者回到页首。

  展开

• 2018网站设计依然流行成品网站系统？

  2018年网站设计行业用工成本持续上升，微信公众号开发，APP制作需求依旧火热，企业互联网个性化应用需求有增加的迹象。

  不记得什么时候兴起了用现成网站系统做网站，它的缺点不再阐述，在百物腾贵的时候，它的优点还是很突出的。如果将网站设计与茶叶相比，网站的个性化系统定制，就如传统普洱茶饼茶，有刚需的懂得投资收藏的一定买饼茶，而要做网络推广的一定做个性化网站设计。近些年实体茶商总抱怨实体店生意难做，买茶的人越来越少。有没有发现网上茶叶的销量不错？卖得好的往往是快消品或者没有收藏价值的普洱茶，为什么会这样呢？市场和消费结构在改变，这个时候从业者只能适应。就如上图所示PC+手机网站系统模板费用才3百多元，定制可能吗？就如普洱茶、小青柑、红茶、大红袍、绿茶在某宝上多是几拾元一斤的，而且销量极大，你要不懂的人去试买饼几百元的茶合适吗？所以SNL网络公司小编预计，2018网站设计依然流行成品网站系统。欢迎留言交流！

  展开

• 惊艳！著名网站重新设计的10个经典案例

  当你重新设计网站的时候，功能实现与用户体验是你需要考虑的首要因素。以下的十个重设案例中，包括了著名的社交网站Facebook，搜索巨头Google，视频巨擘Youtube，以及权威的影视评分网站IMDB。

  NO.10Amazon这一设计稿出自设计师James Cipriano之手，并且发布在Dribbble上。James强化了Amazon的标识色黄色，并应用到侧边栏上。而主体部分的产品图则比目前的Amazon地设定更清晰规整。右上角的个人信息用圆形的头像替代了，而这正是目前最流行的表现形式。James Cipriano对Amazon的重新设计

  NO.9IMDB设计师Vladimir Kudinov在自己的Behance页面中发布了这一设计作品。原始的IMDB首页设计来的更传统，而Vladimir的设计则采用了图片拼贴的方式来呈现，大小错落的照片围绕着纯色底的文字选框，充满了视觉冲击力。Vladimir Kudinov对IMDB的重新设计

  NO.8Google这一重设作品同样发布在Behance上面，作者是Ayman Shaltoni。Ayman的设计非常有特色，Google的Logo字体从衬线体替换成了更现代的非衬线体，原本清新的糖果色被更加复古的色调所替代。可能是受到了古老的Mac OS 8.5的启发，原本置于顶端的导航栏被移动到下方，并且可以像抽屉一样打开，这可能是这一重设最为亮眼的地方。Ayman Shaltoni对Google的重新设计

  NO.7BBCMicheal Coyle也认为图片是最抓人眼球的。他重新设计BBC的首页的时候同样选择了将图片作为呈现的主体，去除大量的文字堆砌，更加直观。左侧的侧边栏替代原本BBC网站上各个区块的标题，整合度更高。Michael Coyle对BBC的重新设计

  NO.6TwitterZsolt所设计的Twitter网站采用了独特的分栏设计。有研究表明正常人阅读的时候，一眼只能看到几个字，这也是为什么报纸的排版中每一栏的宽度都不大。而Zsolt的设计与此不谋而合。另外，Zsolt的twitter页面的信息维度也更加的扁平，页面可以向左滑动，看到更多的栏目，也可以向下滚动，阅读更多的回复。Zsolt Hutvagner对Twitter的重新设计

  NO.5Wikipedia维基百科也许是截至目前最好的百科全书。目前的维基百科页面极其素雅，文字远多于图片，因此，排版就显得尤为重要了。George基于现有页面和栏目重新设计了维基百科的首页。左侧以图片为日期索引，颇具匠心，而右侧则使用图文混排的形式，以相同尺寸的矩形区块来划分不同的栏目。值得一提的是，George在此也引入了时间线，拓展了信息呈现的维度。George Kvasnikov对Wikipedia的重新设计

  NO.4SoundcloudSoundcloud号称是音频分享界的Youtube，无出其右者。Anton保留了Soundcloud原始的配色方案，增加了banner图，强化了主体部分的排版，为右侧的个人信息栏增加了浅灰色的底色，区分出了区块。比起原本的Soundcloud页面，Anton的设计显得更加清晰，又不失其简约风格的神韵。Anton Skugarov 对Soundcloud的重新设计

  NO.3Youtube被封为视频领域传奇的Youtube就无需深入介绍了吧？同以上的几个案例一样，Alexandr对于Youtube的改造方向也选择了扁平化。这套重新设计的页面保留了Google的配色体系，左侧的个人信息栏使用了经典的红黑配色，在浅色的底色上显得非常显眼，也让整个版面不那么单调了。视频的排布方式也遵循一贯的排布方式，中间是主要的视频内容，右侧为相关推荐。Alexandr Brinza对Youtube的重新设计

  NO.2Netflix不知道Netflix？那你应该知道连奥巴马都喜欢看的美剧《纸牌屋》吧？这就是Netflix出品的。作为美国最著名的在线影片租赁提供商，Netflix沿用着充满复古范儿的Logo，以及相对古板的页面排布方案。Vivek对Netflix的重新设计还是比较彻底的，重新设计的logo，扁平的页面。三栏式的页面设计，方便用户筛选他们喜欢的影片，而影片的图文混排比也比之前的版式更加清晰出众。Vivek Venkatraman对Netflix的重新设计

  NO.1Facebook传奇的社交网站Facebook已经不是第一次被人重新设计了。但是这一次的设计方案还是令人印象非常深刻的。Fred采用了微软的Metro设计风格，蓝色与白色的色块来承载文字信息，与图片错落混排，效果极为养眼。深色的侧边栏与顶部的蓝色导航栏，也同样形成色彩对比，清晰明了。Fred Nerby对Facebook的重新设计

  看完这些重新设计的方案，你有没有受到启发呢？来源：优设网 陈子木 http://uisdc/redesign-examples-of-websites

  展开

• 一个网页设计灵感资源，展示了来自世界各地设计师非常喜欢的网站

  Httpster是一个提供网页设计灵感资源，并展示了来自世界各地设计师非常喜欢的网站。在设计网页时我们会找大量国内设计灵感的资源网站，很可惜的国内很多设计平台网站上面，有时更本找不到我们想要同类的设计参考资源，所以我们就会寻求国外的设计网站平台，例如两个最用的：Behance、dribbble，这两个网站虽然有很多大量的的优秀作品，但是不是单一选项的，是汇聚各种类别设计。Httpster完全就不一样了，这个网站就是汇聚大量网页设计这个单一类别的，你会存在UI移动端设计、平面设计、以及交互设计等。

  小编每一次都会重复一件事，只要是国外网站小编都是通过谷歌浏览器进行中文翻译后使用，希望大家能够使用谷歌浏览器进浏览欣赏。以及还有在文章底部会有小编浏览网站的上手视频。

  Httpster网站地址链接如下

  https://httpster/2017/sep/

  网站内部分网页封面细节效果展示

  上手视频推荐观看（觉得好的mbg背景音乐可以推荐给小编，谢谢）

  【只分享最优秀的设计作品，最全面的设计网站，最实用的设计工具，最快捷方便使用的设计素材，在浏览使用小编的文章中链接打不开，或者网站中免费素材不能下载请联系小编。关注给我私信，评论下留言】

  展开

• 2018年网站设计趋势，值得一看！

  网站设计趋势

  如今网站已经变得十分普及，你的同行一般都有网站。那么究竟怎样才能让使你的网站脱颖而出呢？首先你需要一个自助建站平台来制作你的网站，如：又快又好智能建站。其次你需要了解2018年网站设计的趋势，这样才能确保你制作的网站能跟上时代。小智最近浏览了一些有设计亮点的国外网站，也看了一些文章，以下五点供大家参考。

  一、添加装饰性细节

  极简、留白、清新的设计风格已经流行了很长一段时间，但是在2018年要重视装饰性设计细节。特别是几何形状和图标。它们可以为网站上重点区域增加视觉聚焦点，同时让网站显得更加好看。

  装饰性细节

  小智提醒：“一切东西都需要适当”。我们要确保这些装饰性细节的加入是为了增加我们的视觉聚焦点，而不是分散我们用户的注意力。

  二、打破网站（布局）规则

  新潮的网站正在逐渐改变用户的浏览习惯。就拿导航来说，传统的导航都是在网站顶部横向排列，这样虽然也很不错，但我们不妨也尝试个性化导航。这样能使你制作的网站让用户“耳目一新”。

  打破网站布局规则

  所以自2018年起，越来越多的网站会打破布局规则，变得更加时尚和个性化（大家可以想象一下杂志的设计思路）。

  比如：

  1、不同尺寸大小，自由搭配页面

  2、不对称的布局方式

  3、各种内容（文字、视频、图片）都同时存在于一个界面

  小智提醒：打破固有的布局规则确实能使我们的网站显得更加个性，但是千万不能设计得让用户半天都找不到想要点击的内容。如果要非要在个性与用户体验度间做个选择的话，我劝你还是选择后者。

  三、多元化的动画效果

  网站动画的交互性使网站变得更加吸引人，同时提升访问者的浏览时间。而网站动画在前几年就有了，但传统的动画效果过于单一，未来多元化的网站动画或将成为未来趋势。

  多元化的动画效果

  比如：

  1、视差滚动效果

  2、页面之间的转换效果

  3、元素或者模块间的动画效果

  4、鼠标悬停动画效果

  5、自定义动画（又快又好自助建站里模块自带的动画）

  小智提醒：在网站中不要过度的加入动画效果，这样会增加负荷，延长网站打开时间。

  四、视频和3D效果

  将视频或者3D效果融入到网站中。比如，你的产品的每一个角度都能展示给用户，这样会有多吸引人。

  小智提醒：尽管视频或3D效果会使我们的网站看上去很高端，但是视频内容、位置摆放和视频大小同样关键。

  五、颜色上的突破

  2017年从柔和的小清新色到充满活力的暖色，再到渐变色和极简色，网站流行的色调一直在变。当然黑白相间的风格永远不会过时。而在2018年，一种特殊的颜色：紫罗兰色，正在逐渐的流行起来！

  总结：2018年的网站设计趋势，基本上都是打破常规、提倡原创，这样使得网站变得更加个性化。

  展开

• 一个网页设计灵感资源，展示了来自世界各地设计师非常喜欢的网站

  Httpster是一个提供网页设计灵感资源，并展示了来自世界各地设计师非常喜欢的网站。在设计网页时我们会找大量国内设计灵感的资源网站，很可惜的国内很多设计平台网站上面，有时更本找不到我们想要同类的设计参考资源，所以我们就会寻求国外的设计网站平台，例如两个最用的：Behance、dribbble，这两个网站虽然有很多大量的的优秀作品，但是不是单一选项的，是汇聚各种类别设计。Httpster完全就不一样了，这个网站就是汇聚大量网页设计这个单一类别的，你会存在UI移动端设计、平面设计、以及交互设计等。

  小编每一次都会重复一件事，只要是国外网站小编都是通过谷歌浏览器进行中文翻译后使用，希望大家能够使用谷歌浏览器进浏览欣赏。以及还有在文章底部会有小编浏览网站的上手视频。

  Httpster网站地址链接如下

  https://httpster/2017/sep/

  网站内部分网页封面细节效果展示

  上手视频推荐观看（觉得好的mbg背景音乐可以推荐给小编，谢谢）

  【只分享最优秀的设计作品，最全面的设计网站，最实用的设计工具，最快捷方便使用的设计素材，在浏览使用小编的文章中链接打不开，或者网站中免费素材不能下载请联系小编。关注给我私信，评论下留言】

  展开

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