简洁，清爽，干净的网站有哪些？

要说简洁，清爽，干净，其实美术工程师的视觉设计只是一个方面，另一个更重要的因素就是牛逼的前端工程师的代码实现。同样的素材，新手和大师使用不同的代码肯定会做出截然不同的用户体验。这就涉及一个代码风格的问

简洁，清爽，干净的网站有哪些？要说简洁，清爽，干净，其实美术工程师的视觉设计只是一个方面，另一个更重要的因素就是牛逼的前端工程师的代码实现。同样的素材，新手和大师使用不同的代码肯定会做出截然不同的用户体验。这就涉及一个代码风格的问题。
这里推荐一下我个人偏爱的中国妇女出版社的官方网站。颜色不花俏，网站的操作极其简单，网站代码将简约，清爽，干净的代码发挥到了极致，只有不到 20 行，却在不使用 CSS 的前提下完美解决了浏览器兼容问题，使得无论是 Android，iOS ，OS X，Windows 7，Windows 10，还是 Symbian 和 Linux，均能够达到完美一致的视觉效果，做前端的新人们可以学习一下他的代码——

http://www.w3.org/1999/xhtml">











实现效果如下——
中国妇女出版社http://www.diaoyudao.org.cn/1024

http://nico-nico-ni.com/苹果、魅族、玛莎拉蒂官网。山东省普通高等学校招生考试信息平台http://gitcafe.com404 not found

图片来自网络。

每当遇见这类问题的时候，我都会来一发广告。。

链接：http://shouxieke.net/live/index.asp

谢谢帮忙涨IP。

来答一发……

1.Duckduckgo

类型：搜索引擎
https://duckduckgo.com （国内需fq）

个人很喜欢
这是一款真正保护隐私的搜索引擎，界面也是挺清爽

2.豆瓣FM

类型：音乐收听
http://douban.fm/

实际上豆瓣系的网站都值得推荐，而我则更喜欢豆瓣FM的设计，简单的长条设计，清新的配色，以及功能的恰到好处。我认为这是个好看又好用的产品
（当然，豆瓣的广告为静态广告，由于使用adblock plus已经屏蔽，抱歉）


3.Github


类型：开源代码库
GitHub · Build software better, together.
楼上们居然没有我大github！
作为全球最大的同性交友网站，真真是程序员们的天堂
……最近一直在自学j安卓开发，所以也是在其中阅读代码。

（配图为虾大的Lolistat变色状态栏的主页
同类型:Gitcafe
GitCafe - Share a cup of Open Source


4.十五言


类型：轻量级内容发行平台
http://www.15yan.com/ （如果有写作意图需申请创作码
强烈推荐！！！

十五言是一个全新的轻量级内容发行平台，允许单一用户或多人协作，将自己创作的内容以主题的形式结集为专辑，分享给用户进行消费和阅读。

有人说它抄袭medium，这里暂且不谈，重要的是，这里的确是一个写文章，看文章的好地方。

（可以理解为整合版的知乎专栏）

同类型:简书
http://www.jianshu.com/


5.知性

（18岁以下请在家长或异性陪同下观看）
类型：性健康知识问答社区
知性 最专业的情趣社区（原果壳性情）

这里没有推荐1024是因为:1.广告太多 2.不符合相关法律法规
推荐知性是因为:实用（你懂的:) 不解释 ）

知性（ZHISEX）是一个社会化性健康知识问答社区。在这里，你可以与世界分享你的与性有关的知识、经验和见解。在现实生活中，每个人都有很多羞于去询问的有关性的问题，而知性网的使命就是把这样一种问答情境搬到互联网，在隐私得到保护的情况下，让人们敢于去谈论性、了解性，让正确的性知识得到传播。

在这里，一些点击数较高的都为pvp经验，值得学习和借鉴。

（由于相关法律法规，这里不可能上图的哈哈哈，嗯）


6.少数派

类型:应用推荐
http://sspai.com/
这里不仅有app推荐，合集，还有一些app/电子产品的使用心得及相关报道，挺良心的。


7.月光博客

类型:科技博客
http://www.williamlong.info/

月光博客，是一个以讨论电脑技术和互联网科技为主的个人IT评论博客。月光博客的目标就是，做一个有特色的，专注于互联网络和搜索引擎行业的原创IT评论博客。

文字居多，从小学一直看到现在。


8.v2ex

类型:高质量论坛
V2EX

一个关于分享和探索的地方
一个干净简洁的技术类社区

BERKSHIRE HATHAWAY INC.
巴菲特的伯克希尔哈撒韦官网にゃんぱすーボタン

再补充一个ギリギリ爱各学校的选课系统。
简洁到你想哭知乎回来补充了，拖了两天晚上不好意思各位！多图！
-------------------------------------
1. Activation Group Website V1.0

2. Freshlatino

3. AIGA Eye On Design

4. P / T / H . Website

5. A N K E R

-------------------------------------
回家答题，高票答案提到了美术工程师这个词我在现实生活中并没有接触过，不知道高票设计一个网站时的流程是怎样的。我在有限的经历里，给甲方设计过几次网站，虽然我不是专业做平面和媒体设计的。以下仅以一个设计的角度来推荐网站。多说无益，直接上图。

1. TOKUJIN YOSHIOKA INC.
日本设计师吉冈德仁的个人网站。网站设计的和个人的风格很搭，极简主义，作品主要从自然里汲取灵感，如风，水，光，微尘等。网站首页大图轮播，时常更新他最新的设计，网站导航清晰明确，作品页面点开每个作品都是图片轮播，没有其他干扰视觉的成分，信息传达恰到好处。

2. OHLIN-B
一个设计时装集合网站，还没上线，为了给全球的时装设计者提供一个展示平台。

www.jovaconstruction.com
一个一站式家装网站，提供给用户长期服务。

4. NIPPON COLORS
网站之前的版面比现在要简洁一下，越变越复杂了。网站挑选了一些日本传统的颜色，做了一个网页版的色卡，有传统的命名有色号。

---------------
电脑知乎打不开了，手机编辑一点存一点，待续。打开Sublime Text，Command + Shift + P，输入html回车，编辑器输入html:5按tab键。你就得到了一个简介、清爽、干净的网站。

娱乐一下，折叠我吧和题主一样，对这种简洁的页面很有好感，回归到问题，页面简洁的网站一般分为以下几类：

1、摄影类或者图片类网站

Eput.com - My Photography

2、奢侈品官网（服装、日用品）

LOUIS VUITTON

例外

3、数码产品官网

Apple

4、搜索网站

Google

5、新型公司网站（这个网站里面也有些做的比较简洁的网站）

http://dinehq.com/index.html

6、社交类网站

https://twitter.com/

7、个人网站
这个就不展示了，根据个人兴趣去找吧。


欢迎补充，我能想到的目前只有这些。

极简主义

界面灰白色调，比较清爽

极简主义向来是设计师钟爱的风格，往期Fotor懒设计回答有哪些极简风的设计也得到了大家的喜欢，所以又整理了二十个极简主义风格设计的网站，网站本身的设计足够经典，细节的打磨也足够到位。

• 品牌官方网站
• 主题、品牌设计类网站
• 设计灵感类网站
• 运动健康类

希望这波资源能带给你们设计的灵感和美的享受。

---

品牌官方网站

1. UNIQLO——https://www.uniqlo.com/jp/

优衣库和Kaws的联名款火爆开抢，可能理由就是大众对于这种简约设计无法抵抗吧！不管是优衣库的服装还是网站设计，都体现了品牌追求的极简，没有花哨的样式网站也很清爽，即使看一看心情也会变得很好~

2.无印良品——https://www.muji.net/store/

?依然是日本品牌，网站设计到产品，哪怕是线下门店都是极简的。

产品以极简主义的色彩、干净利落的现代工业设计与个性化为标准，简单的颜色、干净的线条和形式，其设计理念“去掉不必要的元素，保留精华部分”。

3.MARUNI——http://www.maruni.com/

?Maruni是一个重新发现木材原有本质精神的广岛老牌家具厂，不断创造着精致的极简主义设计，用极简的设计衬托出木制品的纯粹，尤其广岛系列作品尤为经典，网站一如既往的遵循了极简主义。

4.宜家家居——https://www.ikea.cn/cn/en/

?宜家的设计风格：简约, 清新,自然; 收纳性特别强；时尚简单不繁杂,设计一定要实用性强，简单而巧妙。这个家居品牌受到诸多年轻人的喜欢，尤其最近几年流行的北欧风。网站风格也是简单干净，相较于线下实体店或许浏览网站你更能感觉到极简风格的家装魅力。

5.ZARA——https://www.zara.cn

?西班牙的一个快时尚品牌，品牌以让平民拥抱High Fashion 为主旨。抛开品牌服装不说（毕竟每个人有自己的服装偏好），ZARA的网站是很简洁的，不会用夸张的设计来抓人眼球，尤其对女生而言经常浏览是种享受。

主题、品牌设计类网站

1. Theme Trust——https://themetrust.com

网站专门提供优质的WordPress主题，网站采用简约的主题设计方法，简单，优雅，实用，可以确保你的网站在未来几年内看起来清新现代。

Ps:WordPress是一个免费的开源内容管理系统，简单来说，它是一个在线工具，可以轻松创建网站，而WordPress主题是一组文件，它们协同工作以生成具有网站底层统一设计的图形界面.

2.KUUDES——https://kuudes.com/

?Kuudes 这个网站被设计的非常漂亮，它并不是依靠炫酷的特效和奇特的技巧，相反它只是将设计师的作品展示出来，并且用信息量来替代大规模的设计。

3.LEOGUENOUN——http://leoguenoun.com/

Léo Guenoun 的作品集网站同样是极简的。形同目录的首页当中，只有文本样式的项目列表，点击进去之后，你会发现其中几乎全都是图片。这个作品集的设计相当的直接而纯粹。

4.Maciej Herbert Rodzik——http://www.mhro.co/

?Maciej Herbert Rodzik 的整个页面设计后现代风格颇为明显，文本元素和背景的项目图片之间相互叠加，也不会影响整体的可读性，信息的呈现和关联也做的非常明显。

5.Zeus Jones ——https://zeusjones.com/

?Zeus Jones 看起来应该是一个品牌设计机构，网站中所呈现的不同的项目各自都有着不同的主题。通过简单漂亮的排版来呈现自己的设计，这个网站做的颇为到位。

设计灵感类网站

1.Abduzeedo—— https://abduzeedo.com/

?这里每日分享高质量设计创意灵感，从网页版式设计就可以感受到强烈的极简风格，用色简单加上大面积的留白，设计师们经常浏览的网站之一。

2.Dieline——https://beta.thedieline.com

这是一个全球包装设计博客网站，里面的包装设计非常好看，简单不累赘，用色也很鲜明。也许你会发现简约风格并不是只使用浅色系来表达，并不是只用留白来体现。

3.Trend List——http://www.trendlist.org

?这个网站主要在探索当代平面设计中的视觉趋势,如你所见，网站设计就相当的简约风格，在这里你能把握住当下的一些设计趋势，网站本身的设计也能让你学到一些网页排版的技巧。

4. The Noun Project——https://thenounproject.com

?这是一个lOGO设计网站，里面有海量的LOGO，并且大多是简单的黑白线条设计而成，如果你需要LOGO设计或许在这里你能找到很多灵感。

5.Best Website Gallery——https://bestwebsite.gallery

?这是一个设计超棒的网页集合，里面有各个设计师的网页设计作品，其中很大部分是极简风格的网页设计，点击相应的设计师作品就能跳转到他的个人主页。

颜值欣赏类

有些网站可能在日常中用到的机会不多，但是从网站设计的颜值外观而言，这些网站在创意和外观上都做了很大的突破，如果是设计师不妨偶尔看看这样的网页设计，逐渐培养自己的创新意识。

1.Unsplash——unsplash.com

?高清图片免费下载,网站本身的设计以及站内的图片都非常的舒服，对于需要图片素材的人来说这是一个实用性很强的网站。

2.Dribbble——https://dribbble.com

?各类创意创作者的作品展示、交流平台，站内作品由创作者提供，所以你可以看到很多设计颜值和创意并存，仔细浏览你会有收获的。

3.Victoria Spicer——https://vspicer.com/

网站的主图非常吸引人，忍不住点击进去看看这个网站。微交互做得非常到位，尤其是图片灰色跟彩色的切换上，还有一个段落里，文字跟图片的结合，鼠标触碰图片后的交互，真的是一个新的表达方式，会让用户觉得好玩有意思。

4.La peau del` ours——https://www.lapeaudelours.net/fr/

?网站简约，清新，极简。但真正吸引人的地方，应该是大英文字母之间的行距，以及点击菜单展开后，每个栏目的大字母宽间隔以及鼠标触碰时的交互样式。loading的设计以及每个功能块鼠标移动上去后出现的文字的布局样式效果，有经过策划和设计，不是简单的分行布局。

5.Living Divani srl——https://livingdivani.it/en/homepage/

?完美、和谐的比例和低调的奢华感的特色酒店的动态和充满活力的生活。做软装、室内装修设计的同行应该看看这个官网。

以上就是为大家整理的四类清爽简约的网站，不管你是专业的设计师还是设计小白，线下浏览这些网站都能提高自己的审美。

如果你想要自己动手设计又苦于没有专业知识，那么Fotor懒设计一定适合你，基于海量模板任意修改，重要的是完全可商用。

你只需要加上你的创意，剩下的Fotor懒设计来搞定！

Fotor在线设计工具_免费设计素材和模板_在线平面设计网站

看到这里点个赞吧~

简洁网站的标配，站内没有乱七八糟的广告。

现在大多数网站内都充斥着各种广告，干扰信息太多，非常影响浏览效果，所以越来越想收藏几个轻便舒爽的网站，来抚慰工作繁杂的心。

下面这几个网站软件是本次的推荐，会给你带来新鲜且奇妙的体验。

高潮层层不断~~~

世界上最简洁的网站是什么

说到简洁网站，世界上第一个建成的网站绝对可以排上称号info.cern.ch

它是世界上最古老的网站，诞生于1990年，至今还可以正常访问，并且访问速度超快，因为它的页面一个美工也没有，相当简洁。该网站提出了万维网概念，以及如何使用网页浏览器和如何建立一个网页服务器。

简洁的搜索导航网站

万花筒

导航网站，无比简洁清爽，页面背景可以在设置中修改。并聚合多个搜索引擎，同时也是一个集合娱乐、学习、生活、技术、设计等板块的网站，都是日常刚需经常访问的，总之绝对不要被它单纯的外表欺骗，值得收藏！

LooKao

和万花筒同一个站长打造的轻量级搜索网站，页面无广告，灰白性冷淡时尚风但不缺乏舒适感，真正的“从简而生”，不会追踪你的访问行为。

秘迹搜索，同样不会收集用户的个人信息，如果你用LooKao搜不到结果，不妨试试秘迹搜索。

美观且实用的影视搜索网站

茶杯狐

简洁到只有一个搜索入口，但却能提供很精准的影视搜索结果，你输入查找的每一个影视作品，直接跳转定向到观看资源。

比如你搜夏目友人帐，出现的不是相关影视介绍和新闻，直接显示影视剧的观看地址，是不是比百度好用多了呢。

同样还有一个影视搜索网站也是十分推荐的。

MVCAT

特别喜欢MVCAT简单整齐的布局，除了关键词搜索，严谨的交互ui设计，完善丰富的专题标签，每一个分类都能发现高质量的影片，每一层点进去都是惊喜。

从MVCAT你能找到影片的上映时间、演员表、海报等信息，也有影评和播放资源。

字体网站

字魂网

如今字体侵权已经在工作中不算小概率发生的事，推荐的这个字体网站搞设计的人一定要收藏！

作为设计，插画海报需要好看的字体排版，字魂网里面的字体素材非常丰富，并且每周还在上新新字体，古风、商业、节日、清新各类字体都能在字魂网找到，只要你付费成功，就会收到字体商用授权书，价格白菜良心，让每个人都用的起正版字体。

上面提到了字体版权，这里还推荐一个可以在线快速查看字体版权的网站。

360查字体

一键检测电脑上安装的字体，哪些免费可商用，哪些又是商用需授权，同时还提供字体搜索检索功能。

像大家常用的微软雅黑，就是非免费字体，不可商用哦！

图片网站

壹伴之前推荐过一些免费高清的无版权图片网站，选几个比较简洁且高质量的网站推荐给大家。

泼辣有图，用简洁形容它再合适不过了。

泼辣有图是知名度不算太高的摄影社区，每一张图片都有其背后诞生的故事，和拍摄相机型号，小众但美好。

你可能知道Pixel和Pixabay，但还有一些图片网站的文艺清新风，一旦遇见后，一定会遗憾为什么没能早点遇见。

Magdeleine

如果你喜欢胶片复古质感，又不能接受高饱和度滤镜破坏图片的真实美感，Magdeleine网站内每一张照片都极富温度，素净向往热爱生活。

Foodiesfeed

单单浏览这个美食网站，就已经让人胃口大开，通过简单的照片就能迅速传递这份食欲，想找美食配图就它了！

文献阅读网站

OK阅读网

英语阅读爱好者的必备学习网站，支持鼠标取词翻译、中英文同步对比阅读，网站内有双语新闻、双语名著。

在你阅读的同时，牛津英语真人朗读还能训练你的口语听力。OK阅读量还提供了几种阅读模式，中文、英文、双语对照、双语交替，根据阅读习惯你可以自由切换。

醒客读书

偶然发现的小众电子书下载网站，页面简单，没有多余图片说明点缀，各类标签书单推荐，提供下载链接，缺点在书籍资源不够丰富，很多书都搜不到。

iData知识搜索

可以代替知网的文献检索下载网站，如果你不在学校没有知网账号，就不能下载文献，而iData便是知网好的替代品，期刊、外文、学士论文都能在iData检索到。

注册账号就能免费下载文献，不过有限额，可以花一块钱使用一天，还是很划算的。

最简洁的编辑器

运营这么久，还是最喜欢微信自带的编辑器，不花哨，没有五颜六色的背景。但作为公众号编辑器，功能却过于简单，直到用了其他公众号辅助工具，才发现公众号运营的真正打开方式是这样。

壹伴 - 增强微信编辑器,一键图文排版神器

建议各位运营朋友使用壹伴插件，还是原来的微信编辑器，只不过有了优化升级，值得每一个运营公众号的人下载使用。

发现编辑页面多了排版刚需的样式素材、模板，还有编辑公众号文章时都会用到的配图、二维码制作、永久链接、文章转音频等功能，并且一键排版、采集导入文章高效操作，这还只是编辑页的功能增强。

在后台数据分析中，你可以导出所有图文的数据详情，比如打开率、留言率、分享率等直观反映推文效果的数据，并且还支持导出留言、取关分析、数据小时级展示等功能。

还有这些好用的网站在等待你的发现▼

你用过的最让你震惊的网站有哪些？

有哪些鲜为人知，但是很有意思的网站？

有哪些值得大学生收藏的网站？