西湖公园网站设计头条

• 优秀的旅游网站页面设计案例分享

  马上就要到国庆节了，准备去旅游的人肯定不在少数。人们通常是通过旅游网站去订票、订酒店的，因此旅游网站的页面设计绝不能马虎，这决定了用户对网站的第一印象，以及后续的订单成交量。如果你对设计网站页面没有灵感，不妨跟着广州网页设计别样设计一起来欣赏下这些星级旅游网站的案例，也许能帮助到你！

  旅游呼吸的艺术倾向，它使用了一些比较现代的解决方案，比如一个汉堡包菜单按钮、集中布局、下拉按钮和视差效果。后者激活微小的部分之间的转换，有大量的新鲜空气有益中内容和地方强调重要的细节。

  在这里，图像在整个页面上抢占风头。因为这个图像是充满戏剧性的，雪山和阳光的搭配，有一种吸引人的和灿烂。每个部分包含一个华丽的画面，点燃用户兴趣和反映了大气，两栏布局看起来很现代，它处理所有的视觉的东西。当你看到了一幅如此美好的景色时，你难道不会向往旅游吗？这大概就是设计师的高明之处吧！

  这个和国内大多数旅游网站的页面差不多，在首页提供订票、酒店的选择，直击用户需求，联系方式也放在醒目位置，不让他们有对网站犹豫的时间。同样也是用美丽的风景照来做背景图，说明风景是旅游网站不可缺少的设计素材之一。至于其他的行程项目、私人定制页面，必须要做到让用户感兴趣，内容提供上尽可能详细一点即可。

  网站通过抓住用户的注意力，以惊叹的图片、视频以及潮流的技术吸引用户的眼球，巧妙的设计多媒体、文本实现各种效果的平衡，提供用户一个身临其境的用户体验。一个旅行社的网站为游客提供一个身临其境的视觉体验，丰富的多媒体，鼓励游客踏上一段旅程，动态背景、视频、美丽的图形和交互细节都做的很好。

  旅游网站页面的设计方案包括需求概述、网站开发环境、网站功能、推广运营指导等几个大块。这个和普通网站设计方案类似，不同的是要结合旅游站点经营产品特设来做设计，进行旅游网站页面设计之前首先要结合自身经营情况确定网站核心定位，然后再设计网站构架，确定整个网站必须存在的页面和页面导航顺序，再针对页面的主要功要展现的模块，进行页面设计做网站效果图，要注意的是，在网页绚丽美观和加载速度上一定要有折中的平衡点。

  由广州UI设计别样设计原创，原文地址：uibieyang，转摘请保留版权，谢谢。

  展开

• 那些值得收藏的景观设计类网站

  景观微设计

  互联网资源如此丰富

  我们要是不好好利用

  简直可惜

  当你做设计没有头绪时

  瞅上几眼

  说不定就会开启新世界的大门

  1 地图类网站

  1.Mapbox

  网址：https://mapbox/

  大名鼎鼎的地图网站，一共有12种风格可以选择，操作也比较简便，是类似于PS的图层管理界面，不过需要具备一定的英语基础~各种酷炫的分析底图都出自它手（后面会专门出个它的教程）

  2.OpenStreetMap

  网址：http://openstreetmap.org/#map=4/36.96/104.17

  有着地图界的维基百科之称的OpenStreetMap（OSM）为我们打开了一扇通往新世界的大门，包含了丰富的地理数据，给予了地理、规划以及对空间句法、空间分析、空间规划感兴趣的人提供了许多便利。

  同时它可以和grasshopper相结合，通过ELK插件将地图数据导入到犀牛里，直接称成底图，用来建模做分析图都可以，不用再辛辛苦苦的描图了~（嗯..后期会有的）.

  3.Google maps api

  网址：http://gmaps-samples-v3.googlecode/svn/trunk/styledmaps/wizard/index.html

  需翻墙，和mapbox一样是神器，可以自由对地图各元素进行编辑。

  4.地图慧

  网址：http://dituhui/

  国内用着比较方便的地图制作网站，没有mapbox美观，胜在使用便捷，数据导入很方便，复制粘贴表格数据就自动生成地图，登录可保存，下载需地图豆，mapbox打开慢就试试它吧~

  5.百度个性化地图

  网址：http://developer.baidu/map/custom/case.htm?custom=514a2fa965a23f3f54d44a959c2da5e9#10006-weixin-1-52626-6b3bffd01fdde4900130bc5a2751b6d1

  可以通过编写代码来改变地图元素，适合用来出图底关系，不过需要一定的编程能力→_→

  2 素材案例类网站

  1.Pinterest

  网址：https://pinterest/

  这个不用多说了吧...（想去墙外的世界，后台回复“翻墙”）

  2.花瓣网

  网址：http://huaban/

  emmm..国内的pinterest，只能说模仿的还不到位

  3.Landzine

  网址：http://landezine/

  更新频率挺高，图片质量也不错

  4.谷德设计网

  网址：http://gooood.hk/

  有许多不错的国外项目案例，中英双版，不用翻墙

  5.图加加

  网址：http://tujiajia/

  图片质量不错，但是更新比较慢，而且没有搜索功能很捉急

  6.世界景观设计网

  网址：http://worldlandscapearchitect/

  介绍世界各地的项目案例，需要英语比较好~

  7.Land8

  网址：http://land8/

  同理，国外网站

  8.Zoe景观

  网址：http://zoscape/

  不错的中文网站，就是更新慢，部分资源需收费...

  9.人物素材类

  网址：http://skalgubbar.se/

  都是扣好的高清texture，收藏吧

  10.贴图素材类

  网址：https://textures/

  之前介绍过，高清无水印大图，配合pixplant可制作无缝贴图（后台回复“无缝贴图”得软件哦）

  11.淘宝网

  网址：https://taobao/

  没错，马云爸爸的万能淘宝，你想要的基本都能买着

  3

  活动信息类

  1.风景园林新青年

  网址： http://landscape/Index.html

  很不错的公益类网站，小编还曾在那做过志愿者

  2.景观中国

  网址：http://landscape/works/photo/

  较为详细的资讯类网站，国外案例较多

  3.ASLA官网

  网址：https://asla.org/default.aspx

  美国风景园林协会官网，景观设计行业的风向标，除每年一届的竞赛外还有各类景观资讯

  4.LANDSCAPE INSTITUTE

  网址：https://landscapeinstitute.org/

  英国景观设计协会官网，信息满满。

  5.里外园林景观

  网址：http://gardens.liwai/

  信息比较全的国内网站

  6.日本造园协会官网

  网址：http://jila-zouen.org/

  日本风景园林门户网站，行业资讯，案例介绍都比较全

  4。各大设计公司官网

  由于网站太多

  就不一一展示了

  为了方便浏览

  小编已经整理成了

  一个收藏夹

  后台回复“网站”即可

  下载下来直接打开就行了

  吐血整理，小伙伴们且看且点赞啊

  END

  展开

• ui设计-30个创意团队网站设计欣赏

  近来团队类的网站是形成展示团队成员的趋势了吗？多数以个人形象为主屏展示，再融合一点点小创意。一起去看看这30个团队创意网页设计是怎么玩坏他们自己的同时，还能给用户意想不到的惊喜？

  Humans & Machines

  Impero

  Deep Impact AG

  Pixetic

  VistaBlue Singer Island

  Bukwild

  Ideenfrische

  Huemor

  RAXO

  Fcinq

  Elastique

  Draft

  Big Cartel

  Latitude

  WLS

  Femmefatale

  Hugo & Marie

  Pellmell

  Heco

  Bigyouth

  Cappen

  Red Collar

  Team

  Rezo Zero

  Waaark

  Bolden

  Locomotive

  Brave People

  6tematik

  This Crowd

  展开

• 网站设计想要做到吸引人，只要做到这四步

  企业做网站最终的目标都是吸引用户，一个好的网站是能够吸引很多用户的访问。现客源天下为你解答网站设计想要做到吸引人，只要做到以下这四步：

  一、网页打开的速度。网站排版要美观，内容要突出，如果网站虽然内容丰富，但没有重点，等于内容都是无效，这样用户访问时只时看看，没有意义。

  二、简单舒适的设计。网站的设计风格要做到简单一致，既可以突出企业的品牌，也可以传递品牌的信息，提升用户的好感度和信任度，而好的页面设计也同样可以避免页面信息复杂，提高用户使用效率。页面的设计要大方得体、布局要合理，尽量满足不同用户的需求和舒适度。网站色彩搭配要合理，要有冲击力，优秀的色彩搭配可以提升网站的吸引力，也可以更好地表达出网站的核心思想。其次，用户为了使用方便，通常都会选择移动终端来浏览页面，所以，一个有吸引力的网站，不仅要做好电脑终端的网建设计，还要重视移动端的用户体验度。

  三、导航的栏目结构要简化，设计要合理。很多用户都习惯通过手机浏览网站，所以，网站导航的设计要精简。因为手机的屏幕比较小，对栏目的设置要掌握好，要整理出最主要的信息，将重要的信息传达给用户。

  四、网站内容的建设。在网站建设中比较重要的是一个有吸引力的网站是需要优质的内容支撑起来的，但是网站建设内容却是非常艰巨的。只有高质量的内容才能吸引用户，留住用户。用户对新鲜的有价值的内容最感兴趣。

  展开

• 泉州西湖公园规划建设“桃花岛”

  桃花岛效果图

  泉州晚报社—泉州通客户端10月17日讯（泉州晚报记者王金植 通讯员林桂华 文/图）昨日，记者从泉州西湖公园管理处获悉，为进一步提升公园人文景观风貌，西湖公园规划在东部水域建设桃花岛项目，打造“生态的闽南传统园林”。

  桃花岛是西湖公园的一处独立岛屿，该项目总体面积23300平方米，建筑面积1253.42平方米，景观构筑物（回廊、水榭、亭子等）面积377.81平方米。工程建设内容涵盖配套服务建筑、室外园路广场铺装、景观平台、石桥、景观构筑物、驳岸、绿化、土方地形、夜景照明、庭院内水体净化、一体化生活污水处理设施等，突出以绿色生态环境为基底，通过在林中巧妙安排亭、台、楼、廊等园林建筑，营造一处构思精巧、景境相融、契合西湖山水园林神韵、自然生态的传统园林，再现闽南人的园林生活意趣。据介绍，桃花岛将环岛遍植桃花，让桃花岛真正实至名归，营造春日游客赏花胜地。

  目前，该项目已完成工程勘察、初步设计及概算，现在进入施工图设计和审查阶段，并尽快完成工程预算及审核，力争2018年10月底挂网招投标，2019年1月开工建设。

  【编辑：江晓媛】

  展开

• 惊艳！著名网站重新设计的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

  展开

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

  网站设计趋势

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

  一、添加装饰性细节

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

  装饰性细节

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

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

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

  打破网站布局规则

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

  比如：

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

  2、不对称的布局方式

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

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

  三、多元化的动画效果

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

  多元化的动画效果

  比如：

  1、视差滚动效果

  2、页面之间的转换效果

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

  4、鼠标悬停动画效果

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

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

  四、视频和3D效果

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

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

  五、颜色上的突破

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

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

  展开

• 泉州两大公园改造设计方案获批，西湖公园桃花岛拟投资6755万

  2018年10月10日，泉州市发改委发布《关于西湖公园桃花岛建设及景观提升工程初步设计的批复》。为进一步提升景观，泉州西湖公园将在东部湖面新建桃花岛。

  该项目设计总面积23300㎡（其中陆地面积19673㎡，水域面积3627㎡），建设内容包含配套服务建筑、室外园路广场铺装、景观平台、石桥、景观构筑物、驳岸、园林绿化（面积14013.4㎡）、夜景照明、污水处理等。

  经泉州市发改委审定，项目总投资概算控制在6755.2万元以内。桃花岛的建设将还原泉州地区传统园林特色，岛上将遍植桃花，形成以桃花为主题的花林景观。

  近日，泉州市发改委发布《关于释雅山公园北片区景观提升及非常规水利用工程项目可行性研究报告暨初步设计的批复》。为改善释雅山公园整体环境，提高水资源综合利用，决定实施释雅山公园北片区景观提升及非常规水利用工程项目。

  该项目改造景观面积约5251㎡，绿化面积5191㎡。建设内容包含园路、坐凳、四角亭、宣传栏、防腐木格栅、路灯、安装工程、雨水回用工程、绿化种植等。近发改委审定的项目总投资概算控制在217.65万元以内，建设期限为2年。

  展开

• 推荐一个牛掰的设计网站，让你的工作效率提高80%

  为了让你们能在领导面前秀一波操作，我决定给你们推荐一个非常Very超级无敌牛X的网站——See seed，因为这个网站涵盖了国内外所有优秀的、与设计搭得上边的网站，为你找素材、找图片、找创意节省很多时间。

  网址：https://seeseed/

  接下来，我会根据该网站的分类，从必看、灵感、资讯、UI-UX、图标、图库、配色、字体、工具、社区中挑出3个最受欢迎的网站，推荐给大家。

  灵感

  1.Lapa：https://lapa.ninja/

  Lapa——国外优质产品官网。它提供各类落地页设计欣赏，旨在激发设计师的灵感、提高设计师的技能。该网站上的很多案例，都可以应用到PPT设计中。

  2.Abduzeedo：https://abduzeedo/

  Abduzeedo——每日分享高品质设计创意灵感。对于灵感匮乏的设计师来说，这个网站无疑可以解决你的燃眉之急。

  Abduzeedo 上有很多PS、AI的教程，当然还有 Conteplated 、Pixelmator 、Fireworks 等网页设计教程。该网站吸引了超过10万设计爱好者，几乎每天的访问量达300万。

  PS：这个网站的导航条其实是横着的，我等了1个小时也没加载出来，你们将就看看...

  3.Bestwebsite：

  https://bestwebsite.gallery/

  Bestwebsite——设计感超棒的网站。你可以为 Bestwebsite 上所有的案例打分，满分10分，还可以点击链接体验该网站的设计，寻找灵感必备啦。

  资讯

  1.Heydesigner：https://heydesigner/

  Heydesigner——设计师与前端一起充电的网站。顾名思义，该网站更适合设计师和前端工程师浏览，网站的Logo也跟充电的图标差不多。设计在很多方面都是相通的，我们也可以从这个网站上得到很多有创意的灵感。

  2.Panda：http://usepanda/app/#/

  Panda——全而美的设计文摘订阅平台。Panda 跟 Seedseed 相似，都是各类设计网站的合集，该网站上的文章具有时效性，你可以看到全球的设计师写的文章，不过你得翻译一下。

  3.Lizhi：http://lizhi.fm/1852153/

  Lizhi——字体排印主题，中文博客节目。Lizhi是一个类似于抖音、一直播的直播平台，网站设计很简单，不用登陆就可以听节目。在这里，你或许可以听到很多字体设计的知识点，应该比看书有趣。

  UI-UX

  1.Uigarage：https://uigarage/

  Uigarage——高级美，UI设计灵感炸裂之地。该网站大概有40种设计类别，涵盖：IOS、Andriod、Web等，简直是UI设计师的灵感宝地啊。

  2.Hoverstat：https://hoverstat.es/

  Hoverstat——Web交互动画设计欣赏。如果你是做网站设计的，建议你经常浏览一下 Hoverstat 。跟 Bestwebsite 一样，可以在线体验网站的设计。

  如果你将鼠标置于图片上方，停顿一秒以后，会自动播放网站的效果，可以说很方便了。

  3.Land-Book：https://land-book/

  Land-Book——只收录全球最佳设计网站。该网站上的设计网站值得所有设计师参考，它支持用户创建账号收藏自己喜欢的作品，作为灵感库。

  图标

  1.Iconfont：http://iconfont/plus

  Iconfont 又称为“阿里巴巴矢量图标库”——支持多种格式（SVG/AI/PNG）图标下载，图标可转字体。这个网站大家都熟透了，我就不一一介绍了。

  2.IconJar：https://geticonjar

  IconJar——成套优质简洁 Icon 素材免费下载。海量简约图标任你下载，不过，下载了很多图标，找起来很麻烦？Iconjar 可以帮你解决这个问题。下载 IconJar 工具，打开之后如下图（该软件只能用MAC系统打开）：

  操作步骤：打开 IconJar → 点击【 “+” Add Icons】新建目录 → 将你的图标全部导入新建的文件夹，命名。在你需要找 icon 的时候打开 IconJar ，直接把你想要的 icon 拖进这个界面，就可以快速找到你想要的 icon 了。是不是炒鸡方便呢？这个时候需要去买个苹果电脑了...

  3.Icon Store：https://iconstore.co/

  Icon Store——一流设计师出品的精美 icon。28种常用的图标类型，用来做PPT足矣。有的图标还可以拿来做表情包~

  PS：无需登录即可下载

  图库

  1.Pexels：https://pexels/

  Pexels ——4万+免费商用美图。Pexels 是一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新。它所有的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等，高清大图质量很不错的。

  2.摄图网：https://magdeleine.co/browse/

  摄图网——正版高清摄影图免费下载。摄图网是一家专注正版摄影高清图免费下载的图库，有摄影师5000+入驻，一百万以上的图片量，一百万以上的设计师，在这里你可以找到满意的图片素材和设计灵感。

  PS：非会员每天只能下载一张高清图片

  3.500px：https://500px/

  500px——全球著名摄影师图片展示和售卖平台。500px 是一个致力于摄影分享、发现、售卖的专业平台。找素材的同时还能学摄影，一举两得啊。

  PS：该网站上的图片商用请购买版权，它还有Android客户端哦~

  配色

  1.Adobe Color：

  https://color.adobe/zh/create/color-wheel/

  Adobe Color——Adobe 官方在线配色工具。拉动上图中的色环，可以自动生成配色方案，【探索】里也有很多配色方案供你参考。

  2.Colorhunt：http://colorhunt.co/

  Colorhunt——每天一组新鲜配色灵感。该网站配色方案的排列方式（除 New 中的配色方案）都取决于用户的浏览次数，所以你打开网站之后，一眼就可以看到别人喜欢的配色方案是什么样的啦。

  3.Webdesignrankings:

  webdesignrankings/resources/lolcolors/

  Webdesignrankings——好看得哭出来的配色方案。65种配色方案，任你挑选。鼠标靠近“小水滴”的时候，会自动出现色值。

  相关阅读：7种配色方案

  字体

  1.Myfonts：http://myfonts/

  Myfonts——字体设计灵感。这个网站适合手动党（想自己设计字体的人）寻找灵感，不过都是英文字体，我们可以学习它呈现出来的效果，将其设计理念运用到中文字体中。

  2.Urbanfonts:

  https://urbanfonts/

  Urbanfonts——免费英文字体搜索下载。这个网站适合“懒癌患者”，可搜索你喜欢的英文字体，点击下载即可。

  3.Hellofont：

  http://hellofont/index.php

  Hellofont，又名“字由”——超好用的字体管理工具。Hellofont 里有很多文章，可以帮你解决字体运用的诸多问题。不过，下载字体需安装字由的客户端。

  PS：每个案例下方都有字体的使用方法；该网站上的字体仅限PS、AI使用

  相关阅读：用对了字体，你的PPT逼格就上去了

  工具

  1.LogoJoy：https://logojoy/

  LogoJoy——根据喜好在线生成个性Logo。Logojoy 是一款利用人工智能帮你完成所有Logo设计的工具，其生成的创意可以提供给真实的设计公司。如果你喜欢该网站的Logo设计，可以点击“现在购买”，价格大约在65美元。

  2.Tinypng：https://tinypng/

  Tinypng——在线压缩PNG/JPG。Tinypng 的压缩质量非常不错，在保持alpha 通道的情况下对PNG的压缩可以达到70%，而且用肉眼是看不出与原图有什么区别的。

  3.Ant Motion:https://motion.ant.design/

  Ant Motion——动效设计解决方案。喜欢动效设计的设计师们看过来，Ant Motion 是一款以 React 组件来实现动画效果的工具，用 Ant Design 实现页面后，可以很轻松地增加页面里的动画效果。该网站上的动效很牛X，先定个小目标：1年后做出这样的效果。

  社区

  1.Zcool：http://zcool/

  站酷——国内设计师学习和交流的平台。深耕设计领域十年，站酷上聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人，设计创意群体中具有较高的影响力与号召力。反正有事没事儿都去站酷上溜达溜达，每次都有新收获。

  2.UI中国：http://ui/

  UI中国——国内UI设计垂直社UI区。UI中国的会员均为职业 UI 设计师，覆盖全国互联网公司。有创意可以去比一比，没创意可以去找一找。

  3.Gracg：https://gracg/

  Gracg，又名“涂鸦王国”——国内原创绘画社交网站。涂鸦王国是国内精英插画师社交网站，以原创插画为主要核心内容，作品风格多样，涉及使用行业广泛。喜欢插画的小伙伴可以去吸一波图了！

  必看

  1.Dribbble：https://dribbble/

  Dribbble——全球优秀设计师最佳交流展示平台。该网站上的设计偏 UI ，其画风也是最流行的，我特别喜欢这个网站。你可以在 Dribbble 上找到非常多有意思的创意。

  2.Behance：https://behance/

  Behance——Adobe 旗下设计师交流平台。Behance 上的创意设计人士可以展示自己的作品，发现别人分享的创意作品（上面有许多质量上乘的设计作品），相互还可以进行互动（评论、关注、站内短信等）。

  Dribbble 和 Behance 上的图片质量超级高，导致网页打开非常极度异常缓慢，除此之外我都很满意！

  3.花瓣：http://huaban/

  花瓣——优美图集，点亮灵感。花瓣可以说是图片素材领导者，帮你采集、发现网络上你喜欢的事物，不得不说激发了老夫的少女心。

  看完这篇文章，你只需要记住 See seed 就够了，赶紧给自己的收藏夹瘦个身吧。不过，你可能会问我：这些跟PPT有什么关系？其实，学设计不仅要学习生硬的知识，还需要拓宽自己的视野，这样你的灵感才不会枯竭。

  以上网站都不需要翻墙，如果你打不开网页，请检查你的网络。

  展开

• 网站设计就选晟创网络

  你是否有注意到，你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时，字号似乎没能适应或者说跟上这种变化，所以我们在观看文本时，会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的，但他们在感觉上比以前小好多。

  使用大文本的案例

  使用小字号一般是网站设计方面的老派概念。当数字文字处理器的默认大小为12点时，使用12点的字号作为主内容文本字号的想法几乎可以追溯到互联网和数字花网页的第一天。

  不过，在那种情况下，由于屏幕不管是在尺寸上还是分辨率上也比现在的小很多。所以，对于12点的字号类型，在距你眼睛几英尺的地方也可以提供清晰而且多的内容阅读。

  使用超大字号作为头条标题和小标题已经流行较长的一段时间了，所以你的主内容文本也需要跟上这个趋势了。即使是关于网站分析，营销和测试的博客Kissmetrics也注意到，大多数网站的字号都太小了。他们甚至称之为“网页设计的7大致命错误”之一。

  这里有一个很大的原因：所有的网站建设项目都有一个共同的目标，就是当一个用户进入到你的网站时，你必须立即吸引用户的注意力。而小号的字号不会提供这样一种机会。

  它可以阅读更容易

  对于所有网站来说，可读性永远都是是一件大事。你为什么要设计一个用户难以阅读的网站呢？

  对于可读性的第一课，是在实际的网站建设羡慕中挖掘和思考内容字号的纯数字度量。正文文本应与屏幕上的其他内容成比例，这样用户可以从“远处”就看到。

  单列文本每行的长度在45到60个字符（包括标点符号和空格）是大多数读者的理想长度，这个标准也延用了很长的一段时间。因此，你需要考虑最常见的浏览器的大小，即你正在使用的列的宽度，并以大小符合该范围的文本开始。然后记得要相应的调整响应的断点。

  对于较小的屏幕来说，这个范围有些更紧密，大多数人都认为较大的文字更好。

  关于这一点的诀窍在于，创建一个舒适的阅读量表。而且你要处理的文字越多，这就越重要。太宽的文字在阅读时可能难以集中精力和用户也不希望逐行多次阅读；太窄的文字没有一个很好的节奏，导致阅读时眼睛移动太快，令人感觉疲惫。

  它使设计更直观

  文本的大小同时有助于网站设计的整体可用性。

  如果所有文本按比例缩放，较大的主内容文本也有助于强调或突出其他在用户界面上的元素的大小，它可以帮助整体流动。

  更大的字号还将帮助你更好地决定内容，并更有选择地进行编辑，这对用户来说总是一件好事。这种精简有助于将最重要的元素带到设计的最前沿。请记住，你要把用户的注意力想象成金鱼的， 如果这样，他们需要了解设计和如何与它进行交互的一切必须一目了然。

  这里还有另一个“支流”――通过使用大号类型的文本，它会鼓励你重新考虑填充，照片放置以及排序。设计中的一切都将受益于重新思考尺寸的类型，因为它们是在同一个视觉层上创建的最终的产品。所有的编辑通过重新思考如何放置零件可以提高可用性，因为你实际上花时间来评估设计中的各个元素，而不是像通常那样按照相同的方式摆放所有的东西。

  它可以减少疲劳感

  用户在浏览网站时产生疲劳感这可能是一个真正的问题。大多数人整天都在看屏幕，从手机上到平板电脑，从电脑上工作到看电视。他们的眼睛很累。

  更大的文字大小可以帮助减少一些长时间对着屏幕而产生的疲劳感。

  屏幕疲劳的另一个常见来源是移动设备以及用户必须跨越屏幕的元素。拥有较大尺寸和分辨率的手机这种问题不是很经常出现。因为它很容易通过触摸操控，较大的元素和正文可以帮助解决这个难题。

  文本和其他用户界面元素使用更大尺寸的另一个原因也很重要的，因为它有助于调整视觉显示以匹配物理显示，为用户提供更多的舒适感。

  公司

  地址：赤峰市红山区北环路26号

  联系电话：82228101 15147609030

  展开

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