知本网站设计头条

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

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

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

  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圈有句话一直闻名：每个苦逼的设计师背后都有一群指点江山的神。

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

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

  展开

• 这9个视觉惊艳的网页，是这样设计出来的

  设计是一个不断发展和变革的领域，很多时候，看似熟悉的设计趋势会在下一刻摇身一变，再次惊艳到你。灵活的创意和开放的想法，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计作品。这种点铁成金的成就感，大概也是许多设计师即使辛苦也会坚持下去的原因所在吧？

  今天，我们搜集了几个Tubik Studio 内的设计师作品，它们是不同业务目标下的产物，这些UI设计作品从配色到动效，无疑都是相当惊艳的。今天，我们透过这些案例，来聊一下优秀的UI视觉设计台前幕后的事情。

  1、凸显特点：设计工作室的官网设计

  形体和色彩，到底哪个在设计中更加富有表现力？这个问题可能没有一个固定答案，这场在战争在设计领域当中已经持续多年，甚至会一直持续下去。这个设计项目是为一个室内设计工作室来设计官方网站，他们的主要业务是制作可视化的室内设计渲染图。他们熟知如何最大限度地借助设计工具来呈现室内设计的效果，在接到需求之后，我们决定使用全屏背景结合他们最擅长的3D建模，来展现高质量的室内设计能力和建模渲染效果。

  富有层次感的排版布局，让前后景的内容各司其职，关键的内容块也可以很轻松地被扫视。每个区块都有着醒目的标题，能够告知用户内容的属性。页面顶部的导航中呈现了品牌的LOGO，页面中相关社交媒体链接也非常清晰醒目。在这个色彩丰富的页面中，关键的CTA按钮是需要借助对比色来凸显，将用户导向特定的功能和页面。

  数字建模所带来的好处是更加沉浸式的场景，和更加易于处理的数字素材，这样一来，设计师也更容易处理，加入更加有效的动画效果。在这个案例当中，动效设计师让用户在滚动的过程中，看到条纹式的效果，使得页面的层次感明显，也暗示了这个设计工作室在视觉效果上的强大处理能力。此外，用户可以借助页面指示器快速切换页面，这一点也确保了整个网站在功能上的便捷和完善性。

  2、强化属性：订购服务的网站页面设计

  对于出门旅行，绝大多数的用户都抱有着不小的期待。但是旅行本身并不轻松，需要订购酒店，需要购买机票和车票，租车，购买门票，同时还旅行还意味着非常大量的活动。而这次的概念设计，就是围绕着预订服务来展开的。同样使用了3D建模来构建视觉，诸多和日常出行相关的视觉元素占据了左侧的页面，而右侧则是预订需要填写的表单内容。整个页面采用了更加富有活力的配色，降低用户填写表单时候的紧张情绪，清晰直观的页面布局，让用户无需四处摸索，可以直接开始交互。从标题到表单的条目都保有良好的对比度，可以快速扫视阅读，便于用户填写。

  向下滚动，用户可以了解这项服务的相关优势，特殊的功能，相关福利，以及更多的信息。每个信息快都紧密围绕着一个主题来予以阐述，视觉化的元素被设计得非常吸睛，同时，和整体在风格调性上也保持着高度的一致。

  3、营造层次：库布里克的作品网站

  今年 7 月 26 日，世界电影人都在庆贺著名导演库布里克诞辰90周年，同样身为库布里克粉丝的我们，也为他制作了一个相对优雅的作品网站。网站展现了他的荣耀之路，他的生活，以及他是如何进行创作的。整个网站的设计都是借助视觉化的设计来驱动用户不断浏览，交互不仅在上下左右布局上富有层次，而且在视觉纵深上做文章。作为一个产出过如此之多经典作品的导演，我们选取了对比度强烈、经典的红黑白三色来作为整个网站的主要配色，这一点非常符合他独特的定位和属性。戳这里查看这个网站。

  4、渲染氛围：托儿服务的着陆页设计

  所有的父母在寻找托儿所和托管机构的时候，都希望他们的孩子获得最好的服务，能够找到能够给予孩子无微不至关怀的保姆。这个着陆页的设计是为名为 Kiddy 这个托儿服务提供机构所设计的着陆页。Kiddy 致力于为用户提供服务良好的保姆，在这里雇佣保姆绝对称得上是小菜一碟。

  为了让整个页面足够可爱，风格独特有趣的插画发挥了极大的作用，搭配性格富有童趣的字体，让整个页面足够视觉化。与此同时，柔和的配色方案之下，文本和背景之间的对比度非常高，用户只需要扫视就可以轻松读取内容。

  整个页面包含了一个着陆页应有的所有组件：有过去客户的推荐内容，新用户可以和顶级、专业的托管人员直接连线沟通，相关的信息一应俱全。最重要的是，用户如果想直接雇佣保姆，甚至不需要翻页，进入页面就可以直接沟通。

  5、引人注意：VR虚拟聊天室服务的网站设计

  我们很多时候会有脱离现实的冲动，还有什么比VR 更具有沉浸式的体验呢？这个疯狂的想法催生出了VR虚拟聊天室的概念，更疯狂的是它还是基于Web平台来实现。明亮而带有迷幻特征的配色，引人瞩目的3D图形象征着现代技术。为了更好地演示，用户可以直接在第一屏观看，而无需滚动页面。主页提供了相关虚拟聊天室的介绍和模板链接，用户甚至可以订阅而定期获取不同的模板，进行升级。

  高饱和度的色彩和3D建模非常贴合目前虚拟现实给用户带来的体验，而极端醒目的色彩所给人的不真实感，相反更加强调了虚拟聊天室超越现实的特征。

  6、制造对比：为手作市场进行网站设计

  如今各种设计工作室甚至家庭制作的各种手工制品正在受到越来越多的追捧，通过这样的一个C2C平台，大家可以将自己的手作提交上来销售，买家借此可以获得很多独一无二的商品。在给这个手作市场设计网页的时候，主要借助了栅格系统来确保整个页面布局看起来错落，但实际非常规律。优雅的布局和配色，在阴影和动效的加持之下，看起来层次丰富，又不显得混乱，非常引人瞩目。

  浅色的背景赋予网站以良好的空间感，这使得图片天然具备了抓人视线的特质，相对多样的文本、色彩和样式，让整个网站显得丰富而不单调。页脚采用了黑色的背景图片，主要内容以外的其他信息和链接都被收纳在这里，方便用户获取内容。

  7、打破常规：建站服务公司的网站设计

  谁说一个提供网站建设和开发的企业，官网就一定是要看起来简单、中性且无聊的？当然不是！

  这个专注于 Ruby on Rails 开发的公司，就设计的非常视觉化。通过建模制作出来的宝石是 Ruby on Rails 的代表，这和公司常用的开发语言有了清晰的关联，首屏底部标识出了公司相关的社交媒体帐号的链接，即使同样是CTA按钮，主要的按钮采用的是强对比的实底，而次要的则选用的是幽灵按钮。

  向下滚动的过程中，用户会在信息图式的内容块中了解到团队所采用的技术，公司的相关信息，服务的客户群，以及联系该团队的快速提交表单。内容清晰，疏密有致，目的明确，用户在这样的网站中永远不会感到迷惑。

  8、沉浸体验：在线百科知识网站

  这个网站致力于帮你帮你了解宇宙和太阳系相关的知识，你在这里能够针对行星和宇宙空间进行探索。在宇宙黑暗的背景之下，你可以看到木星表面清晰的地貌所构成的纹路，极度视觉化的UI设计和动效加持下的交互，让用户不再需要枯燥的阅读，而是在不断的浏览和交互中，逐步了解头顶的天空和黑暗中的渺远宇宙。整个网站的底色和宇宙的黑色保持着一致，带来了相对沉浸的体验，流畅的动画下，用户在浏览的时候会感到仿佛在太空中傲游一般的体验。

  9、呈现韵律：音乐APP的着陆页

  如何通过UI来呈现出韵律感？这是在给时尚的音乐APP设计着陆页的时候，最先想到的问题。设计师通过明亮而抽象的图形来构建动画，通过韵律感十足的动画来呈现独特的节奏感和韵律感，从而实现情感和情绪的表达。页面不需要大量的文本，一个醒目的大标题就够了，接下来就是将用户的注意力引导到CTA按钮上，相反大量的文本会影响用户的注意力，所以，就有了这个页面的设计。

  结语

  趋势一直在变化，跟随趋势的时候，需要灵活地根据需求，进行更为有效的表达，视觉，色彩，情感，所有的因素都需要考虑到，排版布局，色彩，交互，动效，缺一不可。向着清晰的设计目标前进，服务于用户和客户，兼顾视觉和功能，紧随趋势又不盲从，这样才会创造好的设计。

  展开

• 网站设计的基本步骤，一看就知道

  网站制作设计并不是一件简单的事情，一个好的网站不但里面包含的内容要全面，而且还要能够持续运转，为我们带来流量。星若传媒简单为大家介绍一下网站设计的基本步骤，希望能够帮助大家更好的了解网站建设。

  网站设计的基本步骤：

  1)站点定位：确定网站的功能与定位。这是确定到底是做什么，我们要做的是什么网站;网站的主题，风格，叫什么名字，展示的主要内容。

  2)设置栏目：栏目的实质是一个网站的大纲索引，网站应该明确显示出来的主要指标。3)做好准备材料：收集和整理相关信息

  3)界面设计：根据访问对象提供信息，使它的一个最合适的网页的结构、网页布局

  4)网页测试与发布：包括功能性测试和完整性测试。所谓功能性测试是保证网页内容组织的可用性，达到了最初的设计目标，执行规定的功能，读者可以很容易地迅速找到所需要的内容。完整性测试是确保页面内容显示正确，连接正确，无误和表达。如果错误是在测试过程中

  发现，修改，准确，可以正式发布在互联网上。网页设计是好的，它必须被发布到网上，或网站的图像仍然不能显示出来，就进行必要的局部调整。

  5) 推行和维护：网站没有推广，很容易成为信息孤岛，长期没有多少人访问，逐渐失去了建立的意义。我们应该注意的2个问题时，网页的标题要简洁，清晰。网页中插入图片尽可能的小。

  这五个步骤是网站建设中必须要有的，缺了哪一步都不可以。

  展开

• 推荐几个网站设计几个的小技巧

  推荐几个网站设计几个的小技巧

  我们都知道网页设计每个网站的灵魂所在，好的网站建站公司最关注的就是网站设计，页面设计的是否能够吸引更多的用户，和网站布局设计的是否合理能够满足广大用户的浏览习惯。中为科技凭借一流的企业管理方法和求贤若渴的用人思想，已拥有了精品网站建设、软件开发、网络运营等业内顶尖人才。作为国际领先的互联网服务提供商，中为科技在“中为享誉全球，缔造国际品牌”的目标指引下，以“创新无极限，关爱每一天”为经营思想，开拓创新、与时俱进，历经行业的洗礼，与互联网一道不断发展壮大！

  网站建设

  细节掌握：不要把设计元素推杂在一起，要留一点空白。让它们之间有呼吸的空间。适用于文本。如果使用正确的文本格式，那么文本将有更多的机会被读取。不要害怕使用段落，粗体，斜体，引用文字，下划线或者大字字母......任何可以让你的文本更加受吸引的方式。当然有时你需要使用引导语句，来引导浏览用户的目光。

  操作习惯：浏览者会忽略广告。他们会忽略横幅广告或文字广告。因此要避免网页设计看起来很像广告似的。还有浏览者也会忽略大块的文本。没有人会有很多的时间去看那一大块的文本只是为了获得一个文本的主要内容。所以我们要尽量的精简化文本，或者是增加一些图片装饰来吸引用户的眼球。

  设计风格：如果你要写一篇文章，那么你首先要确定好文章的标题。一个好的标题可以吸引住浏览者的目光。一个好的标题可以让浏览者更好的抓住文章的重点，网站的左上侧是浏览者最先注意的地方；这是浏览用户养成的阅读习惯造成的。再加上早期的网站也是按这个方式设计的，所以我们常常把LOGO放在左上角。

  展开

• 网站如何设计，以下几种布局方式任你选择

  在设计网站前，我们首先要知道网站是怎么构成的。做网站肯定是离不开网页设计的，而网页的布局是整个网站设计的重中之重，网站选择什么样的布局直接影响到访客在浏览器上看到的整体页面。页面设计的好与不好又直接影响到访客在网站的停留时间长短。

  一般设计师在进行网页设计布局前期，都会对客户的需求进行整合和分布，来达到良好的视觉效果。网站大致可以分为三大类：功能型网站、形象型网站、信息型网站等。客户需求不同采用不同的网页设计方案。那么，常用的网页布局方式有哪些呢？今天成都网站设计-时代汇创给大家分享几种类型仅供参考。

  成都网站布局设计

  1、区块型：为了网站优化的效果，目前区块型布局现在出现非常频繁，在网页上各个区域具有封闭的边界，经过合理放置显得清晰美观。但这种布局有一个缺点，就是由于片面固定，各区域很难根据其中的内容的多少而调整大小，因此该布局不太适用与那些区域内容长度经常变化的网页。

  2、国字型：国字形也可以称之为是同字型，通常顶部是网站的标题，广告横幅，然后是网站的主体内容，而左右分别是一些较小的内容条，中间就是主要内容，最底部经常会展示网站的一些基本信息、联系方式、版权声明等，这种布局方式是目前网上最常见，出现频率最高的。

  3、门户型：这种网页布局最大的特点就是内容多，信息量大，图片较少，一般都是通过文字排版产生视觉上的分区效果。如果以用户角度分析的话，很容易让用户产生视觉疲劳，很可能会对用户体验造成影响。

  4、左右框架型：该框架结构是将左右分为两页，一般布局都是左边是导航链接，最上面是一个小的标题或标致，而右面就是主要内容。通常论坛类的网站经常会采用此种布局，该布局的特点是结构清晰明了。

  5、拐角型：其实，这种类型的网站布局与国字型有很多的相似之处，只是形式上不同而已。最顶部也是网站的标题以及网站的横幅广告条，最常见的类型就是最上面是标题及广告，左侧是导航链接。

  6、封面型：这种类型最常出现的就是一些网站的首页，多事精美的平面结合小动画，另外在加上几个简单的链接或仅是一个“进入”链接，没有任何的提示。

  7、T 结构型：所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式，如左右两栏式布局，一半是正文，另一半是形象的图片、导航。或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等。

  8、标题正文型：这种形式的网站布局也非常的常见，一般上面是网站的标题，或是类似的东西，接着就是网站的正文内容，例如一些文章或注册登录页面。

  9、上下框架型：这种局部类型与左右框架布局非常的类似，唯一的不同时这种类型是上下两页的框架。

  10、综合框架型：作为的综合框架型其实就是左右框架和上下框架的结合体。

  目前在网站建设行业中存在的网站布局的方式有很多的，对于企业而言，想要建设一个高端优质的网站，那么就要结合自己企业的特点，找到适合自己企业的布局模式，才能发展它最大的价值。成都时代汇创-专业为客户提供高端网站建设、网页设计等优质服务。

  展开

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

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

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

  Httpster网站地址链接如下

  https://httpster/2017/sep/

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

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

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

  展开

• 设计师 ｜ 常逛的5大网站

  一、网站名称：花瓣

  网站网址：http://huaban/

  推荐指数：★★★★★

  网站介绍：花瓣帮你收集、发现网络上你喜欢的事物。 由众多知名设计师、插画师、摄影师、时尚编辑等专业人士联手操刀供图，极易上手, 玩味无限。你可以通过它来收集灵感, 保存有用的素材。

  网站简评：你可以通过它来收集灵感，保存有用的素材，计划旅行，或是晒晒想要的东西，充分展现你的个性。 用你喜欢的方式给采集的图片分类。需要时，通过这些图片，你可以链接回到原来的网页。 更棒的是，你还可以浏览别人收集的有趣内容，发现新知，得到启发，结识志趣相投的朋友。

  二、网站名称：站酷

  网站网址：http://zcool/

  推荐指数：★★★★★

  网站介绍：诞生于 2006 年 8 月的站酷（zcool），以 “为设计师及爱好者提供最便捷、最贴心的服务” 为宗旨，是一个以 “设计师” 为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源，推荐会员设计师的优秀设计作品，提供设计探讨技法交流的学习氛围。建站以来，内容不断充实，产品不断增加。现在，站酷（ZCOOL）已成为设计师最喜爱的设计站点之一。

  网站简评：专业完美的素材下载与设计分享网站，提供矢量素材、PSD 分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强，广告排列整齐有序，设计师倾力推荐。

  三、网站名称：Behance

  网站网址：https://behance/

  推荐指数：★★★★★

  网站介绍： Behance 是展示和发现创意作品的领先在线平台，同时也是 Adobe 系列的一部分。Behance 的管理团队每天都会从各种领域中的顶级组合探索出新作品。这些领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效以及更多。领先的创意公司可以通过 Behance 发现人才，数百万的访客也可以使用 Behance 跟踪最新和最杰出的创意人才

  网站简评：Behance 的使命是将创意世界联系起来并赋予其创意。 数百万人使用 Behance 来展示和发现鼓舞人心的工作，公司和爱好者都使用 Behance 来跟踪和吸引顶尖人才。 作为 Adobe 的一部分，Behance 现在正在全球范围内连接创意世界，通过社区及其用于创建的服务促进创意生涯。

  四、网站名称：Dribbble

  网站网址：https://dribbble/

  推荐指数：★★★★☆

  网站介绍： Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。

  网站简评：Dribbble 是一个很酷的地方，世界上一些最伟大的设计师展示他们的工作，并获得极其有才华的人的反馈。 但它甚至不止于此：它是一个每个人都能找到灵感的网站。

  五、网站名称：Inspiration

  网站网址：http://theinspirationgrid/

  推荐指数：★★★★☆

  网站介绍： Inspiration 为用户提供了丰富的素材库，包括各种基本图形、数字、艺术、科学、文化、地理、食品、健康、人物、技术以及娱乐等在内的 10000 多种彩色静态或动态图形符号。另外用户也可以自己添加创建和导入新的素材到素材库中。

  展开

• 11款实用的一句话网站设计代码

  整理了一些比较实用的网站设计时常用的代码，代码很简单，只有一行，不需要理解多高深的JS或者HTML知识，按照提示把相应的代码加入到网页模板中即可得到你想要的效果。

  1：进入网页时淡入淡出的效果。演示：http://lusongsong/blog/

  <meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)">

  在头部head之间加入此代码，你会发现点击链接的时候，网页现实的是淡入淡出的效果。此代码含义如下：Page-Exit”（离开网页）、”Site-Enter”（进入站点）、”Site-Exit”（离开站点）其中”Duration=1.0″可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。

  2：把滔滔（微博客）完美放到你的博客中。试用于各种程序语言。演示见本站公告.红色部分注意事项：改成你的QQ号。 1就是只显示一条信息。这是JS文件路径。下载地址：http://lusongsong/reed/dkapi.js

  <script type="text/javascript">var taotao_qq=13340454; var taotao_num=1;var taotao_type=0;</script><script type="text/javascript" charset="utf-8" src="reed/dkapi.js"></script>

  3：彻底屏蔽鼠标右键。此段代码加入<body>区域。

  <body oncontextmenu="window.event.returnValue=false">

  4： 此段代码加入<body>区域将取消选取、防止复制。

  <body onselectstart="return false">

  5：不准粘贴。此段代码加入<body>区域

  <body onpaste="return false">

  6：防止网站被扒皮。上次卢松松讲了一个方法是给网站“扒皮”，如何防止网站被扒皮呢？加入以下代码就可以了，网页将不能被另存为

  <noscript><iframe src="/blog/*.html>";</iframe></noscript>

  7：脚本永不出错,如果您的浏览器提示您的网址JS脚本出错，但检测了一遍没发现错误，就可以使用一下代码：

  <SCRIPT LANGUAGE="JavaScript"><!-- Hide function killErrors() {return true;} window.onerror = killErrors; // --> </SCRIPT>

  8：在规定时间内跳转，意思就是5秒后自动跳转到该页面下，适合做404网页。

  <META http-equiv=V="REFRESH" content="5;URL=http://lusongsong">

  9：可防止复制，此段代码加入<body>区域

  <body oncopy="return false;" oncut="return false;" >

  10. 防止被人frame。例：有些网址导航站收录您的网址之后，不会直接跳转到你的网站，而是加载到他的网页中，这样不会给你的网站产生任何IP和PV。如果您不希望这样，那么请加入此段代码。

  <SCRIPT LANGUAGE=JAVASCRIPT><!-- if (top.location != self.location)top.location=self.location;// --></SCRIPT>

  11：页面自动刷新，把如下代码加入 <head> 区域中 其中20指每隔20秒刷新一次页面. 可用户增加文章点击率，这是作弊行为。

  <meta http-equiv= "refresh " content= "20 "> ,

  展开

• 致匠心设计丨设计师不可不知的网站

  抽空整理收集了一些设计师常用资源网站，包括：学习、资源、字体、配色、灵感等都有。

  设计师找灵感的网站：

  http://zcool/站酷网

  http://huaban/花瓣网

  http://ui/UI中国，一个做UI设计必备的网站

  https://dribbble/在线艺术设计创作社区

  https://behance/著名设计社区https://pinterest/search/pins/?q=app+design瀑布流http://deviantart/艺术家展示作品、交流讨论的社交网络网站

  http://haoduo.info/网页灵感设计手册

  http://sjyzt/index.aspx设计一站通

  http://xiaba.shijue.me/视觉中国

  素材网站：

  http://alpha.wallhaven.cc/图片直接保存就是高清大图，无需登录下载

  http://699pic/best.html摄图网，全是高清大图http://yunyingyong.sinaapp/gx.html一个在线生成光效的网站

  https://pixabay/免费高清大图、矢量文件下载网站

  http://58pic/千图网

  http://hellorf/ 海洛创意

  http://90sheji/90设计，一个针对电商的素材网

  http://photo.china/中国图片网，综合性图多

  http://wallpaperswide 壁纸网

  http://lanrentuku/ 懒人图库

  http://97ui/banner 优界网

  http://sccnn素材中国

  http://quanjing全景网

  设计学习提高：

  http://uisdc/优设网，能帮助你不断的提高设计水平的网站

  http://shejipai设计派

  http://16xx8PS自学网

  配色网站：

  https://color.adobe/zh/Adobe的官方配色网站http://color.uisdc/比较实用

  字体网站：

  http://qiuziti/求字体，不用老是问别人这是什么字体了

  http://17ziti/字体之家，网站简洁，分类清晰。

  http://sccnn/模版天下，挺不错的，提供字体

  o工具类：

  ohttp://cutterman/切图

  http://58pic/yangji/18120804.html千图样机（效果展示）

  https://500px/最出色的摄影社区

  http://szbenlai/products/ 本来摄影

  http://tuchong/ 摄影

  UI：

  http://article.liepin/gw-4/猎聘网 关于ui设计职能了解

  http://xueui学ui网

  http://woshipm人人都是产品经理

  http://axure.org/tools/产品原型设计

  http://iconfont阿里妈妈 图标库

  http://iconstore.co图标

  设计规范：

  http://google/design/spec/material-design/官方英文文档

  http://wiki.jikexueyuan/project/material-design/中文版网站

  https://github/1sters/material_design_zh_2中文版 GitHub 仓库

  http://yuanxingku/原型库

  设计相关其他网站：

  logohhh 狼牙创意

  http://doooor/ 国外设计

  http://matthew.wagerfield/flat-surface-shader/ 抽象图

  http://alpha.wallhaven.cc/ 大图

  http://bisai.maka.im/designer/projects设计转声望

  http://hao.uisdc设计师导航

  http://3visual3/plane/huace/

  http://geekpark极客公园

  http://iconpng/icon/10838

  http://shutterstock.tumblr设计参考网站

  http://abc.2008php欧莱凯图库

  https://pinterest

  http://missyuan/school/show_2013/show_11704.html

  http://mobile-patterns

  http://pttrns

  http://mobilemozaic

  http://iconmonstr

  https://thenounproject/ja/recent/

  http://colrd

  http://nathanspeller/color-pickers/

  http://design.1sters/#

  http://yiihuu/ 翼虎

  http://haopic.me/ 唯美

  http://pixabay/

  http://stockvault/

  http://deviantart/

  https://flickr/

  http://ziticq/

  http://jikexueyuan/

  http://c4d/

  http://ubuuk/ 大全

  http://cn.365psd/ psd

  http://588ku/

  http://yipinsucai/?x=55582

  展开

• 网页如何设计？分享六大经典网页设计布局！

  网站是由一个个网页构成，一个优秀的网页设计能够带来高的浏览量，提高宣传力度，更好的达到建立网站的目的，所以网页设计尤为的重要。网页设计主要有六种经典类型。

  类型一：最常见的类型“同”字型

  是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

  类型二：标题正文型

  这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

  类型三：拐角型

  上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

  类型四：左右框架型

  这种类型结构非常清晰，一目了然。这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。

  类型五：封面型

  这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

  类型六：综合框架型

  上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

  一个好的页面设计会给你的网站加分！

  展开

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