来自网易四十大盗的一篇经典文章，现在很多同学设计网页木有思路和灵感，保证你看完本文一定受益匪浅。工作中，网页设计师经常会遇见这些状况：时间短又要出彩、大气又要有气氛、风格不明确很难把握、栏目又多页面又长，突然觉得束手无策，脑袋里一片空白，没想法了，怎么办?

下面简浅的归纳了几个快速让页面出彩的小技巧：

一、旋转法

将页面的主体或局部进行旋转

我们一般的页面版式都是方方正正，四平八稳，有点呆板。如果将局部或整体适当的旋转，打破稳定的构图，画面就会动感有趣一些。

对于上图，这种基调轻松活泼又恰好内容比较少的页面来说，主体整个旋转后，画面马上轻松活泼起来，看过现在这个画面，真是无法想象未旋转前的平淡。同时，相比大块的方形空白，不规则的余白也不会显得空洞。

上图，将背景旋转后，大面积的斜面产生了很强的速度感，赛车急速飞驰着，好像下一秒就要从电脑中冲出来一样，倾斜的大标题和旋转后的背景交叉配合，使画面整个都运动起来。这种方法可以应用到很多运动的主题上。

二、黄金分割法

灵活运用黄金比例分割的办法将页面“切”开

黄金比率被认为是最理想的矩形比例，在过去的文化遗产中也有很多这样的遗存。将这个比率应用到版式设计中，也能够设计出容易为用户所喜欢的构图。但不要被这些比例所束缚，很多是靠自己的感觉去应用。

上图，除去背景无非就是一个排版清晰的页面，将背景分割后，对比的色块使画面产生纵深感，页面的丰富性和视觉冲击力迅速增强。人物也好像着陆了一样，平稳的站在画面中。

上图，用反差强烈的色块进行分割，强调了版块的划分，即使有很多地方需要强调，也能让用户迅速清楚各版块的重点，不用像以往一样1、2、3…… 将内容依次竖排下来，鼠标都已经拖到第三屏了还没完没了，又没什么新鲜感。

三、曲线法

将曲线用于背景或版块分割，消除矩形分割的生硬感。

与直线相比，曲线具有圆润的特点，让人感觉轻松、愉悦。增强视觉感的同时也能够营造活跃的气氛。

上图中，大众的logo和焦点图中的机器人产品，全部由曲线组成，这种情况下，用曲线来分割背景和焦点就显得理所当然了，画面中曲线合理的运用也提高了层次感，机器人和红色标题都更突出。

仿照球的运动轨迹，贯穿着整个页面的曲线，将用户直观的带入了正在激烈进行的棒球比赛现场。看似随意，其实用曲线精当的将标题、焦点图和新闻等版块按重点进行了不同比例的分割。

四、借用法

借用现实中的东西，将实物抽象化，提炼出大型轮廓用于背景。

现实中的东西也可以应用到网页设计中?当然可以，只要想的到。

如图，信封是我们生活中常用的东西，如此生活化的东西借用到网页上，展开在用户面前，好像邮寄给您的信一样，立马让人眼前一亮，亲切感油然而生。作为游戏活动的通告页，用白色的信纸来盛放主体内容也再合适不过。

上图，将赛车在赛道上疾驰的场面置放到页面上作为背景，虚化的大城市，放大的赛道，飞奔的赛车……就像此刻坐在电脑前玩赛车，左手正紧紧按着W、A、S、D键一样。让用户身临其境，完全抓住了对方眼球。

以此类推，生活中很多东西都可以借用，例如:写满粉笔字的黑板、电脑的屏幕、写日记的本子、老古董的地图，空旷的足球场……

五、三角拼贴法

像做手工一样，将裁剪好的三角形打乱，重新拼贴

不同的几何形状有不同的性格，圆形是活泼可爱的，方形是平稳整齐的，三角形就是尖锐动感的。

三角形的不平衡性及其尖锐性能够增强视觉上的刺激，快速吸引用户，可以用于科技和时尚这种风格同样比较“锋利”的网页。

上图，将同色系小三角形均匀的拼贴起来，马上就营造出一种钻石璀璨般的时尚感。但实践的时候要注意加减法，不能乱堆一通，点到为止即可。

上图，用艳丽的三角形对页面进行划分、拼贴。大小的组合，色块的对比，能够带给用户强烈的视觉冲击力。在搭配的时候，注意主次，以一个大的形状为主，给内容摆放留下足够空间，与其他辅助的小形状相区别。

六、色块分割法

将各版块用不同颜色来区别

经常面对需求方这里是重点、那也是重点、那那那也挺重要，统统需要突出的要求，对于主题比较明快的页面 可以考虑将版块用不同颜色来区别，通过色块来强化页面版式和布局，难度较大的是在色彩搭配上要取得平衡。

上图，版式在页面都以块来体现，没有什么效果，为了突出重点，在重要区域选择了饱和度较高的红黄绿三个颜色，产生明确的视觉中心，让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐，红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了。

当使用四到五种纯色进行搭配的时候，注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强。以上几个小技巧可以在情况紧急时参考，大家也可以用类似的方法总结出更多的小技巧自用。

以下是一些可以找到网站建设高清素材图片的途径： 1. **免费素材网站**：    - **Unsplash**：图片数量众多、清晰度高，题材丰富，包含各种风格和主题的图片，可免费商用，非常适合网站建设使用。比如可以找到适合作为网站背景的自然风景图、科技感的抽象图等。    - **Pexels**：不仅有大量高质量图片，还有丰富的视频素材。支持中文关键词搜索，方便用户快速找到所需素材，其图片可免费用于商业和非商业用途。    - **pixabay**：提供高清的矢量图和图片，图片背景透明，可直接用于网站设计，且支持多种文件格式下载。    - **别样网**：国内的免费图片网站，提供大量可商用图片，图片质量较高，能满足网站建设的多种需求。    - **pngimg**：专门提供PNG格式的免费素材，用户可以按照关键词搜索想要的素材，方便用于网站的图标、装饰元素等。    - **花瓣网**：国内大型的图片集合网站，用户可以通过搜索找到各种与网站建设相关的图片素材，并且能从其他用户的收藏和分享中获取灵感。 2. **付费素材网站**：    - **千库网**：有大量的网站建设相关图片素材，包括背景图、图标、网页设计元素等，图片质量高且风格多样，部分素材需要付费购买会员后才能下载使用。    - **摄图网**：提供高清的图片素材，有多种授权方式可供选择，适合对图片版权要求较高的网站建设项目。    - **视觉中国**：拥有海量的专业图片资源，图片质量和版权都有较高的保障，但价格相对较高，适合大型商业网站建设或对图片质量有极高要求的项目。 3. **专业设计社区**：    - **Dribbble**：汇聚了众多优秀的设计师，他们会在上面分享自己的设计作品，包括网站设计相关的图片素材。虽然有些作品可能受版权限制不能直接使用，但可以从中获取设计灵感和参考。    - **Behance**：是一个展示和发现创意作品的平台，有很多设计师会上传网站设计项目，其中包含高质量的图片素材，能为网站建设提供新颖的设计思路。 4. **搜索引擎的图片库**：    - 例如百度图片、谷歌图片等，输入相关关键词可以搜索到大量的图片，但需要注意图片的版权问题，尽量选择来自正规网站或有明确授权信息的图片。对于谷歌图片，在国内使用可能需要借助一些技术手段。

网站关键词：网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司