猇亭区网站设计头条

• 你知道这些好用的设计网站吗？

  工欲善其事，必先利其器。

  无论是设计还是写作，需要建立自己的资料库。

  在创作的过程中，为了能够很好的去搜寻到自己所要的资料。

  于此，我把自己经常用到的关于设计灵感、设计素材、配色方案等设计网站推荐给大家。

  有了这些网站，你们几乎都不需要设计老师了！

  一、设计灵感类。

  1.花瓣网

  http://huaban/all/

  这个网站对于很多设计师都是熟知的，是很多设计师的灵感来源。花瓣网除了寻找灵感之外还有一个很重要的功能插件。——花瓣采集。

  运用花瓣采集工具可以采集你在浏览网页时候看到的任何你个人比较喜欢的图片，将相同风格的图片采集在画板，日后自己需要这方面素材的时候点开查看，便是满满的灵感素材啊。

  2.站酷网

  http://zcool/

  站酷（ZCOOL），中国人气设计师互动平台。深耕设计领域十年，站酷聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人。站酷网入驻了很多设计师，每个人都可以在上面发表自己的作品，打造自己的品牌，也可以根据其他人发出来的作品寻找灵感。

  3.苏打苏塔

  http://sudasuta/

  苏打苏塔是一个关于创意设计，设计，插画，艺术摄影，lomo，素材，教程，web，灵感来源，平面设计欣赏的综合性网站。

  4.致设计

  http://zhisheji/

  致设计网，中国最大的电商设计师交流平台.电商设计大师们都潜伏于此，聚集了中国绝大部分的80,90电商设计师，在此分享了他们的店铺设计，创意设计。

  5.古田路九号。

  http://gtn9/index.aspx

  古田路9号网站，品牌创意版权保护平台。国内专业品牌创意平台，以版权保护为基础，品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体下载等。

  二、设计素材类。

  1.千图网

  http://58pic/

  千图网提供矢量图素材，矢量背景图片，矢量图库，还有psd素材，PS素材，设计模板，设计素材，PPT素材，以及网页素材，网站素材，网页图标等。部分素材是免费的。

  2.千库网

  http://588ku/

  专注于免费的PNG图片素材下载，里面的素材质量也是相当不错的。对于普通的用户，每天的下载数量也是有限制的，这个网站下载的素材就是可以直接拿来用，免去复杂的抠图步骤啦。

  3.素材中国

  http://sccnn/

  素材中国打造中国最优秀平面设计素材网站。素材天下，提供平面设计，免费设计素材。里面的素材质量挺高而且是免费的哦。

  4.懒人图库

  懒人图库专注于提供网页素材下载，其内容涵盖网页素材，矢量图素材，图标等。

  5.90设计

  http://90sheji/

  90设计是专注电商设计的淘宝素材库，设计交流、学习与分享一体的平台，让电商设计（淘宝美工）找灵感和素材更效率。

  三、色彩搭配。

  1.中国色

  http://zhongguose/#meiguihui

  提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示。

  2.配色网

  http://peise/

  配色网是交流色彩的专业网站，致力于设计，网页，家居，时尚，服饰等方面色彩理论的学习和提高，并提供大量优秀配色方案，为色彩构成学习者提供免费资料。

  3.Color Hunt

  http://colorhunt.co/

  ColorHunt网站是一个致力于帮助产品设计师们更好的选择颜色搭配组合的站点，从互联网中收集了海量的完美色彩组合，你可以把这些颜色组合运用到任何产品设计项目.

  给大家推荐的这些网站都是在我自己日常设计中经常用到的。希望对大家有所帮助。

  优质的实习，尽在实习僧APP！

  https://shixiseng

  作者：MY麦子

  来源：简书

  展开

• 响应式网站时代，我们该如何设计网站？

  在智能手机之前，建站公司的Web设计均是针对默认的屏幕大小和输入类型。但随着各种屏幕尺寸设备的兴起，以及交互方式的多样性，这些默认值已不再适用。现在建站公司进行网站设计所用到的所有默认值均需要更新。Web究竟发生了哪些变化？

  屏幕尺寸

  90年代，Web页为640像素宽，21世纪初，其宽增长到800像素。十年以前，建站公司将它调整为1024像素。但智能手机兴起后，各种尺寸设备进入市场。一时间，建站公司对Web设定的宽就不再适合了。不久，平板电脑进入市场。现在屏幕视窗的高超过了宽。

  导致很多建站公司无法了解用户所使用窗体的大小。只能假设其宽是一个令用户舒服的随机数。这些数字是任意的，总会有一些用户会看到不完整的Web页面。

  每个人都有一个鼠标？

  建站公司总是默认每个用户都有一个鼠标。虽然建站公司知道，这并不总是事实。大部分设计师会忽略为不使用鼠标的用户设计交互方式。不管什么原因，那些不得不使用键盘的用户往往很难与网站进行交互。

  但由于大部分用户确实使用鼠标，导致很多设计者认为设计只要满足大部分人就可以了，所以建站公司设计出的网站还是有很多人是无法使用的。事实证明，这个数据一直在增加。很多依靠鼠标进行的交互，在触摸设备上是完全不起作用的。因为用户喜欢这些设备，甚至管理者和设计师都在用它们，所以它们是很难被忽略掉。

  每个人都有速度超快的互联网

  建站公司另一个默认情况就是每个人都有速度超快的互联网，至少和建站公司的一样快。如果他们现在没有它，不久也会有的。这似乎又是实事。网速确实越来越快。但是，今天越来越多的人在使用差劲的、不可靠的3G网络。如果你曾在火车上使用3G网络，你就会明白我所说的。如果你曾在酒店使用其提供的免费Wi-Fi，你就会明白建站公司假设互联网越来越快是不成立的。这是建站公司思维中的一大变化，建站公司确实应该为这些用户考虑。这将对建站公司的设计外观产生较大影响。

  大家的电脑一年比一年快

  电脑越来越快，过去是这样的。如果在买电脑之前再等半年，同样的价格你就可以买一台快两倍的电脑。这主要针对新式台式机，但对于移动设备，其有比处理器速度更重要的事。例如，对于手机，最重要的是电池待机时间：你不想每次打完电话后都必须充电吧。

  还有另一个趋势：现在的制造商开始销售价格更低廉的设备，而非速度更快的设备。相比处理器速度，很多用户更关注价格和电池待机时间。你的老式电脑怎么样了？你可能卖了，也可能扔了。但用户仍保留并使用着。并不是每个人都拥有与建站公司设计师同样的硬件设备。

  所有的显示器均校准过

  建站公司设计师很清楚这一条是不对的。只有那些可视化专业人士的显示器才进行过校准。其他人的显示器大部分都无法正确显示色彩，很多显示器还是十分差劲的。我所测试过的大部分移动手机有着相当棒的显示屏。可当在阳光下使用时，如果你幸运，或许还可以看得见内容，但却无法看到低对比度设计下的微妙渐变。

  人们总会使用那些低劣的显示器，而且访问你网站的人往往视力不好。越来越多的人正在看不合格的调色板。与其购买一款专业的艺术类显示器，不如购买一款廉价的显示器和几台低端设备来测试你的作品，这是更好的投资。

  Web在最近几年里发生了变化，创建网站的老方式已不再适用。过去几年里，建站公司一直在积极地研究新方法，以解决Web在不同尺寸屏幕上的显示问题。在日益增长的设备上存在越来越多的挑战，建站公司必须寻找新的交互模式，建站公司需要可以工作于任何设备上的界面。

  响应式技术，做为一种可以适配PC、IPAD、手机、车载等所有屏幕的技术逐渐走进大众的视野，在微软、苹果、华为、三星等企业纷纷将网站转换为响应式网站后，一时间响应式网站在业内引起了极大的关注和重视。（详情：dawaner）

  从过去基本上是基于PC的几个尺寸，选择最佳的标准尺寸去设计页面；到现在移动设备已经玲琅满目，同时电视、穿戴设备也慢慢开始起来，已经不再有固定的尺寸；未来，将是更加无法预知的设备环境；那么什么才是王道呢？变化总是来得快且狠，建站公司要做的就是抓住那根可以贯通全局的线！

  展开

• 想要网页设计精美的网站会不会太贵？

  网页设计是否精美很多时候都跟网站制作价格是没有那么紧密的联系的，为什么呢？我们首先来看下网页设计的重要因素有哪些：

  一、视觉流程

  我们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右。平面的视觉影响力上方强于下方，左侧强于右侧，这样平面的上部和中上部被称为“最佳视域”，网站设计中一些突出或者推荐的信息通常都放在这个位置。在网站设计中，灵活而合理的运用直接影响到传达信息的准确性和有效性。

  二、网站颜色

  颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的营销。如：红色和橙色使人兴奋；黄色使人联想到阳光，给人一种温暖的感觉；黑色显得庄重等，这要考虑你希望对浏览者产生什么影响。所以当你决定做一个网站时，一定要选好网站的主色调，要有统一的色系，不论是单页、频道页都应采用主色系。像灰色、白色是万能色，可以跟任意的颜色搭配、

  三、网站导航的设计

  从人们的阅读习惯，我们可将网站的主要导航条放在页面的左边，对于较长的页面，在第比放一个简单地导航也是相当有必要的。当行蓝可以说是一个工具，访客使用这个功能就能清晰快速有效的掌握网站的大体结构，增加用户体验度。

  四、版面设计

  同样是基于人的一个阅读习惯，任何具有方向性的图像都应该放在网页实现最先到达的地方。根据客户需求的了解，科学合理的设计网页版块，比如如何加强访问者对网站的信任度，如何给访问者留下深刻的第一印象，能否高质量展现访问者需求信息等等。

  知道了网页设计的几个重要因素，很多人心中会有疑问：一个网页设计精美的网站会不会太贵呢？

  有的公司收费很高，那是因为从专业团队拍摄图片开始，到建站、宣传册、形象设计等等一系列工作为止，一套的VI视觉系统的设计费用便是如此高。

  但其实，只要网站结构和设计符合以上的标准，一个精美网站的设计框架就出来了。而且，我们在看建站价格的时候，要考虑一下是否有必要这样做。例如我们是做企业资讯型网站，大家关注的都是您企业上的资讯新闻，想获得最官方最准确的一手消息，那么就几千块做个网站就行了，没必要做成好几万的网站吧；

  再比如，公司做灯具的，一般看灯的消费者都不会在网上去买，而是网上搜到了好看的灯了，去咨询之后再去实体店看，那么就没有必要做成会员功能，加一个会员系统又要耗费大几千，您看，这不就省了吗？

  所以我们在做网站的时候，不要一味地追求网站的美观和价格，而是考虑到搜索引擎是否喜欢这样的网站、用户是否能准确找到相关的信息，如果仅仅是将版面做的非常炫酷而不符合用户体验，最后还要花一笔网页改版的钱。

  展开

• 网站设计布局6大创意设计趋势

  　　网站设计迷人之处在于不断变动，技术的演进让设计师与工程师可以不停实验创新，带来更好、更流畅的使用体验，以及让人处处惊奇的感官飨宴。今年网页又会有哪些有趣的风格将主宰我们的萤幕？南昌网站设计公司小编整理出网页设计6大创意趋势：

  　1. 打破框架的版面设计

  　　过去几年，一成不变的网页布局（layout）已开始令人疲乏，幸而Flexbox 以及CSS Grid等技术的出现，让版面设计变得更灵活弹性，为设计师、工程师带来更宽广的挥洒空间，今年将可看到更多网站打破惯有的「对称」「秩序」守则，形形色色，层层叠叠的网页布局肯定精彩。不过不变的大原则是，设计的重点是要烘托内容，内容才是骨肉、才是人们光临网站的主因，因此设计的尺度上也需斟酌，天马行空之余，别反客为主，夺走内容的风采。

  2. 极简out，色彩在跳舞

  　　色彩作为表达个性的重要元素，在极简风蔚为风潮时却被剥除，不过约莫去年开始，大面积渐层色块似有强势回归，Instagram、Asana、Stripe 都以饱和的渐层重塑品牌视觉主调，今年绚烂的色彩以及流动的渐层更将大行其道；此外，影像以双色调（duotone）后制，也可能会是今年的潮流。设计师，Sarah Hutto 预言，今年将会是很「funky」的一年，期待强烈的色彩刺激人们的视觉感官。

  　　与前两年的明亮轻盈、以及上述张扬鲜浓的色彩对比，以相对沉着冷静的黑色作为主色调也是愈来愈多网站的选择，只要辅色搭配得宜，黑色一点也不沉闷，反而能在一片光彩的世界里脱颖而出。

  3. 华丽且实用的动态效果

  　　动态效果在当代的网页设计领域扮演举足轻重的角色，今年也丝毫没有退流行的迹象，反而应用会更广泛。适当的动态效果，具有突出重点、争取注意力的用处，今年以 SVG、CSS 创造的动态效果预料将大幅增加，但设计师应考量品牌或内容的内涵以及每个动态效果的意义。

  　 4. 创造小惊喜的「微互动」

  　　微互动在网页上也会愈来愈流行，比如滑鼠移过、点击各式网页零件如按钮，卷轴滑动过程中，适时出现细致变化，也能够有提示重点的作用。当然，就跟动态效果一样，设计师也要拿捏「动」的意义与幅度，才不致画蛇添足。

  　 5. 虚拟实境技术结合内容

  　　虚拟实境的话题从前年延烧到今年，科技巨头对虚拟实境的投资力道丝毫没有减弱的迹象，特别是Facebook 未来十年将砸下 30 亿美金专注虚拟实境的研发。可预见的是技术更臻成熟，也会有愈来愈多媒体或品牌运用虚拟实境科技，为人们创造更身历其境的感受。

  6. 视差滚动设计

  　　视差设计可以说是近年来网页设计中的一大突破，也备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种3D立体的运动效果，给观者带来一种独特的视觉感受。

  更多资讯请关注云端科技官方网站yunduancn

  展开

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

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

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

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

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

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

  展开

• 推荐一个牛掰的设计网站，让你的工作效率提高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有什么关系？其实，学设计不仅要学习生硬的知识，还需要拓宽自己的视野，这样你的灵感才不会枯竭。

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

  展开

• 今年的网站设计大剖析，你的网站落伍了吗？

  网站设计的风格总是在不断变化的，随着技术的进步和设计师们不断地尝试，更好的网站体验，更迷人的网站设计使我们的网站越来越好，那么近来成都网站设计又是什么风格？下面我将以影响力科技所做的一些网站为例，来谈谈这个问题。

  1. 不受局限的布局设计

  以往的网页布局一直都规规矩矩，追求对称，局限在各种框架里，但现在，由于技术的进步和审美的变化，以及越来越重视内容的互联网大现状，如今的网站设计，已经越来越注重烘托内容，越来越天马行空。

  比如影响力科技为一家泰迪陪你咖啡餐厅所做的官网，以不再讲求队城，重点展现餐厅的文化内涵，既美观又有格调。

  2. 色彩搭配明亮，渐变色增多

  明亮的色彩能吸引人的眼球，而绚丽的渐变色能让人感觉更加舒服。

  3. 丰富的微互动

  现在越来越流行给网站增加互动性，让网站更加人性化，提升用户的体验感，如鼠标滑动时的图片放大、色块变化等。

  比如这个由影响力科技为萤火从照明设计公司所做的网站建设，便有着丰富的微互动。

  4.恰当的字体以展现品牌内涵

  首页以高清图为大背景，再配以合适的文字，展示品牌的内涵。通过恰当的字体设计，准确的表达品牌内涵，塑造品牌形象。

  千巨传媒找影响力科技所做的网站首页正是如此，主要为了塑造品牌，提升企业形象。

  5. 虚拟现实技术与网站结合

  前两年， VR、AR等虚拟现实技术炒的非常火热，同时也像大众展示了当今的虚拟现实技术有了怎样的发展应用，而现在也有不少网站在应用了。特别是酒店、房产等企业，利用虚拟现实技术，让用户仿佛身临其间，更好的感受商品、体验商品。

  成都石化国际酒店就在网站上应用了3D全景技术，让用户躺在家中就可以通过网络直观了解酒店的情况。

  网站设计是一门大学问，急需要技术实现，也需要有设计能力，成都各家企业一起成长，共同进步，做出更好的网站设计，做出更好的成都网站建设。

  文章转载自：http://chinaun/news/show/247.html

  展开

• 网站导航设计与网站优化

  网站导航是网站的重要组成部分，能够兼顾用户体验，方便用户浏览。而对于搜索引擎来说也是非常重要的，搜索引擎蜘蛛爬取网站首先也会到导航上获取信息，所以网站导航的设计对于网站优化来说有一定影响，在设计的时候就要多加注意：

  1、文字导航设计

  网站导航应该使用常用的HTML文本，不要使用图片、flash等作为导航链接，也不要使用javascript来生成导航。因为搜索引擎对这些内容的识别还是不够完善，可能会导致不收录，影响排名和权重。

  2、点击短距离和平坦结构

  好的网站导航都是能够把所有网站的页面和主页内部链接的，与主页离得越近越好。如果是权重一般的网站，内页导主页的应该不能超过4/5安打以上，使网站尽量平坦化的结构。

  3、锚文本最好包含关键词

  网站导航是网页到内部链接数量最多的位置，加入锚文本，会对进入的目标网页的权重产生重大的影响。所以在各类型的导航，名称时应该要包含链接页面的关键词，使用锚文本的方式链接到目标页面去。当然了，现在搜索引擎对于网站堆砌关键词非常严格，要在确保用户体验下，设置关键词，一般维持2-4个字最为合适。

  4、尝试面包屑导航

  面包屑导航，有利于用户样和搜索引擎，也判断网站结构页面的直观手段。正确使用面包屑导航不仅能方便用户查询信息，也方便搜索引擎爬取网站。

  搜浪网络：soola

  展开

• 2017网站设计趋势之那些无所不能的动效

  2016年不管是网站还是移动端，我们随处可见一些扁平的动画元素，他们颜色清爽视觉感觉很新颖。2017年，动效依然还是今年的主流设计元素，但跟去年相比又有些许不同。

  要说到动画的流行其实还是得益于，过去苹果设计的扁平风格以及动效部分，他们对于那些小细节的追求真的达到了极致，而今天悬停效果再次卷土重来。但并不是过去的那种俗气，闪烁的效果，或者是简单弹跳和旋转动效，如今的悬停效果将给用户带来更好的帮助和体验。

  悬停效果的设计范围真的很广，大到整个屏幕的视觉效果，小到导航元素都可以看到他不俗的表现。

  .........

  ▼

  会动的首页

  悬停效果可以是你用户体验的最关键的部分哦。当你的首屏被动画元素充斥的时候，额外的一些悬停效果可以让你首页的魅力值直线UP。

  HAUS，这个网站的设计着实让人惊喜，屏幕上有许多卡通人物在屏幕上移动，你可能完全无法把这些动画效果跟悬停效果联系到一起，看起来知识一个动作变换了另外一个动作而已。但是我负责任的告诉你，如果没有悬停效果，每个元素也就是单纯的在屏幕上规律的画圈圈罢了。

  当你使用全屏悬停动画这样的效果时，诀窍是取悦用户，而不是让他们感到压抑，这是一个相当棘手的问题。如何让他们感到新奇又不至于太过于花哨？通过让其他设计元素简单例如例子中的黑色背景，一个再简单不过的背景与一个易于阅读的无衬线白色字体就十分合适了。这是一个用在首屏上的技巧，可以让用户去和体验，让他们更有兴趣滚动翻看下面的内容。

  .........

  ▼

  按钮效果

  一个简单的动画设计实际上可以鼓励用户去点击按钮的。这看起来很简单，对吧？这其实也是这种类型的动画如此受欢迎的原因之一。

  设计一个好的按钮效果，可以帮助用户更好地了解你想让他知道的东西。上面的例子就来自Luke Etheridge，当你鼠标移动到按钮上时，他就会改变颜色，并告诉用户点击后会发生什么。这个悬停动画效果，它不仅很有用并且也很好看哈～

  .........

  ▼

  幻灯片效果

  网页很多时候是被各种图片和内容堆积起来的，他们经常看起来很拥挤。所以几乎所有的网站设计的时候都会选用一些滚动动画效果来平衡。在多个图片中设计上箭头和其他指示按钮，告诉用户如何前进或返回，这样的设计其实是很多见的。

  而如今设计现代运动动画的的关键是：

  1. 动作要快

  2. 轨迹明确

  3. 动作一致

  以上这个动效案例是来自Baptiste Dumas。你根本不知道鼠标点击它后，下一步会怎么发生，它会在内容元素之间创建一条明显的线，所有的东西都被这条线连接在了一起，形成一个类似无缝衔接的运动流程，是不是很神奇。

  .........

  ▼

  导航菜单

  不管你喜欢与否，隐藏的导航风格一直是是一个很受欢迎的设计元素哦。这个动画悬停效果可以帮助用户更好地浏览内容，也能让主页视觉更简洁。

  随着指示图标的显示和隐藏，菜单信息可以轻松的在屏幕上弹出和隐藏甚至是移动，动画效果的目录，是是个非常强大的指示工具。

  Oxen Made，这个案例就使用了悬停效果和动画效果两种方式在主页上，为了指导用户如何使用网站，他们把右上角的菜单按钮设计成可以更改年色的悬停效果，让用户知道这是一个可以点击的元素。点击后弹出完整的菜单，是从页面的左侧摆动出来非常显眼。此外，右下角一个小三角形箭头，使用和菜单按钮相同的效果，让用户知道还有更多的内容可以滚动，不得不说你们真的好贴心哦～

  这些微妙的动效设计，和相对复杂的背景视频搭配在一起，确实是十分合适的。在背景视频强烈的运动衬托下，按钮的那些柔和的动效更容易吸引用户的注意力，让用户更好的使用网站，按钮也充分起到了导航的作用。

  .........

  ▼

  表格和字段

  还有一些使用悬停效果优秀案例，例如把表格融入其中。几乎每一个你访问的网站都会要求你注册或者填写一些问题信息。这确实是一个很让人讨厌的步骤，因为真的很繁琐，所以如果用户提供这些信息越容易，你就越容易得到那些对你有用的信息。

  但如果让这些列表信息不那么乏味呢？一些视觉线索可以帮助用户记住如何进入一个领域，并指引他们确认提交是非常重要的。

  上面的这个例子它做了两件事。第一个是用户被告知要输入什么信息，他们可以看到整个操作过程，以及点击登录按钮后，我将要填写的信息是什么，这样用户就不必猜的我这一步操作完成后，下一步我要做什么了。

  如果你还不知道如何去应用悬停效果的话，这个效果可以作为一个很好的起点哦。其实在这样简单的引导下，用户是享受跟网站进行互动的，这样简单的动画就能让我们收获到不错的反馈哦。

  .........

  ▼

  结论

  在我们看来悬停动画是十分棘手和复杂的设计技术，但实际情况却是，利用CSS，几乎任何人都可以轻松添加一个简单的动画效果。他们其实很简单，在网络上有很多动画师会分享一些代码，让你去体验研究。

  最后分享给你一些使用这些技巧的关键：它需要有它存在的意义。不要过于频繁的使用这些效果，只在添加内容时使用悬停效果或者动画；不要让这些效果分散用户本来应该执行的行为哦。

  展开

• 网站建设不再难 - 2018年最好用的网站设计工具集锦

  由于代码技术的限制，普通大众往往在网站建设方面总是一站难求。但是，想要拥有一个自己的网站，真的必须由程序员通过代码实现？哼，在当今满满科技感的新时代，这个问题不存在的~ 小编为大家整理了个人认为最好用的免费网站设计工具。新的一年，拥有一个自己设计的网站不是问题！

  根据经验来讲，糟糕的软件，也一定会导致糟糕的工作效率和成果。如果你不是专业人员，光是前期工具的选择就足够让人头痛了。正确的网页设计工具可以简化工作流程，高效快速的完成工作。那什么是好用的网站设计工具？不用说，一定是高效，省时，省事，低成本的产品。

  "The best design tool is a long eraser with a pencil at one end." -- Marty Neumeier

  针对不同的人群，适合的工具不同，“最好用“的定义自然也是有所区别的。以下，我将我认为的“最好用的免费网站设计工具”分类整理给大家：

  - 针对初学者的网页设计软件

  - 基本的网页设计软件

  - 好用的网页设计助手

  言归正传，让我把这些个人认为最好用的网站设计工具分享给大家吧~

  "Good art inspires; Good design motivates." -- Otl Aicher

  针对初学者的网页设计软件

  1. Wix

  价格：基础版免费

  付费模式4.5美元/月 起

  适合人群：非技术性人员

  简介：可以自由拖拽编辑的网站建设平台。Wix 提供完整的一站式网站创建服务，包含注册网址、网站设计、网站管理和修改，让用户只需要操作GUI界面，就可以创建网站，不需要了解DNS对应、网页编程语言、服务器创建/租赁等事务，一切都由 Wix 自动化处理，让用户能专心在网页视觉与内容呈现上。

  个人体会：Wix的最大优点是可以自由的拖拽组件。你可以按任意大小任意布置按钮、图片，或文本框在网站上的任何一个地方。但缺点是，如果改了模板，很多内容和格式就不使用了，几乎得重新做网站，而且它的手机模式，需要对内容重新进行编辑。因此，如果网站经常更新的话，每次更新后都得用手机编辑器再改改手机版本。因此 Wix 比较适合不经常更新，但设计别致的小型网站。

  2.Squarespace

  价格：免费注册建站

  适合人群：最适合非技术型人员（不需代码、设计功底）

  简介：Squarespace这款自助建站服务始于2004年，十年的岁月使其发展成了使用最广泛的建站程序之一。不需要设计或是编程基础，便可通过Squarespace快速搭建一个精致的响应式网站。它本身提供了三种定价模式，第一种是可免费注册与建站。但若要发布网站，则有根据网站类型每月12至40美元的两种方案可供选择。

  个人体会：Squarespace最大的特点是注重细节。从创始人Anthony Casalena的一些公开信息中知道，squarespace这款智能建站产品非常适合个人网站，因为它很多模板的表现模式和后台插件体验都偏向小站长，立足于把自己的小站打造为细节丰富的网站。

  "Creating something out of thin air is easy. It’s finding the air that’s hard. " -- Asher Trotter

  基本的网站设计软件

  1. 原型设计工具 - Mockplus

  价格：基础版-免费

  专业版 - 199元/年

  网站设计的第一步是准备网站原型。而原型设计的任务就是根据用户的需求描绘出页面的草图。应用市场上不乏一些优秀的原型设计工具，例如Mockplus。作为一款面向国际市场的原型工具，Mockplus不仅仅在手机App制作上有出色表现，网页设计也非常给力。

  作为一款优秀的原型设计工具，Mockplus是怎样实现网站设计的呢？请参考Mockplus例子项目：StyleXstyle - 时尚类网站原型。

  第一步：下载Mockplus并登陆账号；若没有Mockplus账号，可免费注册。

  第二步：打开Mockplus，选择网页项目类型，设置网页宽高。网页最大高度为6000像素。

  第二步：从软件左侧组件库中拖拽添加需要的页面元素：按钮、图标、文本框、图片等；右侧面板支持调整页面背景、字体、字号。

  第三步：为特定组件添加交互：页面跳转链接、组件跳转链接等;右侧属性面板中支持多种属性、交互、页面设置。内容非常丰富。

  第四步：通过F5本地预览或发布HTML在线预览。PS：Mockplus提供8种预览方式。

  StyleXstyle在线预览地址: http://run.mockplus/yYoEMZcBxFGdhfYW/index.html

  2. 多才多艺的设计工具 - Photoshop

  价格：9.9美元/月

  虽然它不是免费的，但它作为最佳网页设计软件市场领导者，它的地位不容忽视。那么关于Photoshop本身：一句话，它是一个非常多才多艺的工具，可以用于任何类型的设计项目，而不仅仅是网页设计。它的主要目的是帮助你使用光栅图形。

  除了调整图像或图形的颜色，饱和度，模糊，清晰度等，Photoshop还可以从头创建完全自定义的图形（例如网站布局和可视化）。例如，你可以将多个图像合并为一个项目的一部分，并确保通过使用各种过滤器或执行某些转换将它们全部组合在一起。

  Photoshop本身是一个非常手动的工具。如果你想要明确的借助它来达到网站设计的目的，那么你应该具备一些设计技能和知识才能真正能够充分利用它。

  Photoshop网站设计教程：How to design Website in Photoshop

  3. 网站UI界面设计工具 - Figma

  价格 - 个人免费

  - 团体每人12美元/月

  简介：Figma是第一个实时协作的界面设计工具。它有三个难能可贵的功能：实时协作，矢量网络和版本控制。Figma就像是基于浏览器并具有实时协作功能的Sketch。

  个人体会：我起初对Figma的用户体验是持怀疑态度，因为它是一个基于浏览器的界面设计工具。但后来发现用起来还是很灵敏的。而且，浏览器的工具的优点在于接收方不需要安装任何东西，只需要在电脑上打开浏览器便可参与项目。Figma文件可以在Mac、Windows、Linux和移动设备（仅限查看）上使用。

  "There is only one type of designer — the type that cares about type." -- Rohan Nanavati

  好用的网站设计助手

  1. Canva（免费）

  非常适合设计定制设计卡片，博客图片和各种社交媒体图片（对于Twitter，Facebook等）。 非常好用。

  2.Zeplin (免费）

  Zeplin 是面向设计师和前端工程师的标注、Style Guide、备注文档与简单的团队协作工具。

  结语

  以上，是我个人总结的最好用的网站设计工具。虽然并不是都免费，但以经验之谈，这些工具都是你创建属于自己的网站的好伙伴。希望对您的网站设计有帮助，也期待您在2018年设计出自己独特的网站。

  展开

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