什么是分屏网页设计 第1篇
把 屏 幕 看 作 是 卡 片
牢记 'One Card，One Concept'
这种垂直分割屏幕的设计其实正是来源于“卡片式”设计风格，卡片式设计让我们能够更好地划分内容，让多重的信息更规整清晰地呈现，重点就在于它遵循“一张卡片只包含一个主题”的原则。
优秀的分屏设计同样需要遵循这一点。你可以在划分出来的区块里放置多种元素（图片，标题，文本，按钮等），但这些元素最好都指向同一个主题。
基本的分屏设计用一个屏幕呈现两条同等重要的信息，但分屏设计并非只能一分为二。在上面这个例子中，整个屏幕就被分成了三张“卡片”，独立传达不同的信息，同时在视觉上统一为一体，层次感清楚，简洁又优雅。
什么是分屏网页设计 第2篇
最 后
你 的 网 站 真 的 适 合 用 分 屏 设 计 吗 ...
不可否认，分屏设计是一种具有强烈的视觉效果和功能性的风格，运用得当的话，它能让你的网站非常出彩。
但它并非适用于所有网页内容。在决定对你的网页进行分屏设计之前，最好先考虑：
我的内容适合用分屏设计吗，我的页面能有足够多的留白来体现分屏设计的价值吗
我的目标用户能够理解和欣赏这种对比强烈的风格吗，会不会让他们摸不着头脑？
我真的需要将用户的注意力一分为二吗？
最后的最后，内容永远是最重要的部分，分屏设计只是帮助我们传达网页内容的一种方式。如果你相信它就是你的网页所需要的，那就不要犹豫，大胆尝试吧！
本文编译自：
这是一个非常强大非常棒的PS资源站，Seeseed每日一粒已经推荐过（第54期），唯一的缺憾就是它是个日文站，可能存在浏览不便。
种子君之后会选取一些不错的内容进行翻译分享，欢迎继续关注。
什么是分屏网页设计 第3篇
用 你 的 设 计 为 视 线 “ 搭 桥 ”
让 目 光 顺 畅 地 流 动 起 来～
之前已经提到过，我们的眼睛习惯在相邻的区块上寻找视觉联系，顺畅的浏览会让我们感到舒服。为两块分割开的界面建立联系，一方面能提升视觉体验，更主要的是，更好地突出页面信息的重点。
要做到这点，需要设计师用心于细节之处，不着痕迹地留下某种可以被视线所捕捉的路线，引导它最终落到整个页面上最重要的那一点。:eyes:
比如，用颜色。
在上面这个页面中，产品的红色就是负责引导视线的“桥”。它让我们的视线首先被左边的大幅产品照片所吸引，之后就能自然地落在右边的“预定”按钮上。干净利落:thumbsup:。
利用鲜明的撞色，引导视线从一半页面转向另一半。
除了颜色，也可以使用横跨左右区域的元素，比如文字：
或者通过改变颜色透明度，进行覆盖叠加，将左右两个屏幕联系起来：
什么是分屏网页设计 第4篇
鲜 亮 的 颜 色 & 特 别 的 字 体
让 它 们 在 一 起 吧 ～
一对鲜亮的颜色总是很提神～而有趣大胆的字体能强调突出内容，如果能把它们融洽地运用在一起，就能营造出简单而又充满吸引力的视觉画面。
对配色不太自信？没关系，这个叫ColorHunt的网站里全是新鲜清亮的配色，刚好能用上 |•'-'•)و✧ （Seeseed每日一粒第9期推荐过）
:point_right: