菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
视差滚动 话题
首页
设计文章
视差滚动
HTML5
收录63篇文章
求职面试
收录93篇文章
中文字体
收录72篇文章
人工智能
收录63篇文章
数据分析
收录67篇文章
UI
1.6w
写给新手的滚动视差设计指南（附7个教科书级案例）
现在有很多刚入行的设计师可能已经不知道什么是滚动视差了。没关系，只要你花 5 分钟体验下本文提到的优秀案例，你肯定会停不下来，还附上教程唷
2019-09-12
土拨鼠
滚动视差
酷站推荐
3.2w
这10个教科书级的网页，帮你搞明白视差滚动特效
在视差滚动网页的设计上，无论是移动端还是桌面端，如今的设计师都有了足够深入的探索，并且对于功能和体验上的挖掘，都有了比较成熟的经验。无论是导航悬停式的滚动还是水平滚动和分屏3D特效，视差滚动这一设计趋势已经深刻地影响到了如今的UI设计。今天的我们将要推荐10个颇为值得学习的视差滚动网页设计作品，它们在设计上都有其独到之处。
2017-11-23
陈子木
HTML5视差滚动
教程
1.4w
用这5个技巧在网页设计中玩转视差特效
视差特效是目前最流行的网页设计趋势之一。在这个滚动动画特效支撑之下，前景的元素和背景会在滚动浏览时以不同的速度运动，营造出动感又独特的视觉体验。视差动效可以运用在绝大多数类型的网站当中，它是增强用户参与度、提升用户体验的有效手段之一。
2017-11-15
陈子木
2017设计趋势
教程
1.6w
想让用户忍不住浏览下去，这5种设计策略需谨记
网站中的内容再好，总得让用户能看到，才有价值，而矛盾在于，首屏的空间始终是有限的。所以，我们总希望用户能够滚动页面向下看，从某种意义上来说，长滚动页面和无限滚动的设计，如此地受欢迎，就是因为它贴合了用户下意识滚动浏览的习惯，也符合内容的创建者希望被用户看到的需求。一般而言，依托滚动交互的页面，同样多的内容，在小屏幕上需要滚动的距离更长，同时，它们也需要设计师提供更优秀、可用性更强的导航和辅助元素，甚至借助动效等元素来引导用户滚动浏览。
2017-10-07
陈子木
滚动网站
教程
1.7w
重新认识滚动交互，让你设计的网页更适合这个时代
出于对新交互模式的探索和技术的发展，曾经网页设计中的许多禁忌，现如今反而成为了越来越受欢迎的趋势，网页中的滚动交互，就是如此。作为一项基本的交互方式，滚动交互并不是一成不变，它正将新的技巧和新的规则纳入其中，逐步演进。今天的文章，我们会探讨滚动交互在网页中的新变化，探讨新“滚动”的利弊，分享技巧。
2017-05-08
陈子木
滚动网站
网页
1.9w
帮你搞定长滚动网页的设计最佳实践
长滚动页面和无限滚动式的网页已经彻底流行开来了，甚至可以说它已经脱离趋势，成为了一种常规的设计，它们的流行并不是巧合。当用户向下滚动的时候页面的时候，所需要的内容与信息会自然的呈现出来，在此过程中通常不会涉及到额外的、多余的交互。长滚动式的页面有着如下的优势：·更为精简的导航·更容易呈现故事，拥有吸引用户的潜质·与移动端设备的良好兼容性长滚动页面的流行和移动端设备的广泛普及有着直接的因果关系：屏幕越小，相同内容所需要展现的页面就越长。
2017-01-18
陈子木
单页滚动
教程
1.5w
打开新世界的大门！悄然流行的混合型视差网页设计趋势
如果你仔细观察那些最新的使用了视差技术的网页，你会发现这些网站所采用的视差设计已经似是而非了。这些网页中的可动元素非常之多，但是并非动画；配色风格和视觉元素趋近于扁平风，并且借用了来自Material Design的物理隐喻，融合了许多微妙的交互细节。诸多时下流行的设计手法和新趋势开始被打碎分解揉合到一起，形成了新的混合型视差滚动网页。
2016-02-01
陈子木
HTML5视差滚动
酷站推荐
2.7w
独辟蹊径！20个精巧走心的单页滚动网页设计案例
单页滚动也算是目前网页设计中一个独立的类别了，导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏设计其实算不上太多，毕竟导航栏的部分应该是包罗万象并且常驻页面的。而汉堡菜单的存在让导航具备了更优秀的隐藏性，摆脱了滚动条、分页和复杂的下拉框，让页面更整洁，为视觉设计留下更大的空间，留住了用户。
2015-10-11
陈子木
优秀网页设计
教程
1.8w
潮流趋势！带你梳理正在流行的长滚动页面设计
在内容一定的情况下，屏幕越小，页面自然就越长。长滚动页面的兴起并不是没有理由的，移动端对桌面端市场份额的挤压，可穿戴设备等小屏幕的流行，所有的这些变化都在促使这一趋势更加流行。长滚动页面的流行促使设计师在新需求下探索新的导航模式和独到的视觉设计，故事的讲述也有了新的方式，浏览体验也将截然不同。
2015-10-02
陈子木
单页网站
酷站推荐
2.5w
花样百出！21个动感酷炫的视差网站设计
编者按：今天这组视差网站个个别出心裁，每一个都会让你体验到不同的视觉之旅，卖萌打滚小清新，冷艳高傲御姐范，都齐活了，握紧鼠标进来瞧。Aquatilis ExpeditionDAN ParisTrading CultureIce and skyGiampiero Bodino30uNicolas TarierSavse SmoothiesBORNShaker BrandDragoneIntroducing Squarespace 7Relatos Salvajes / Wild TalesOne To...
2015-07-01
程远
网页设计
酷站推荐
2.1w
网站运用新趋势！神奇的鼠标滚轴动画（视差滚动）
动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画，从最简单的基础效果到富有开创性的展示结果。毫无疑问，这种雪崩式的动画效果已经被认为是web技术史上最先进的技术。
2014-03-13
程远
视差滚动
教程
3.8w
网页特效之视差滚动设计指南
@腾讯ecd 星旧：作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用，特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出 现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》……等一系列的视差滚动的文章，不过赏析的居多，真正指导设计师如何去设计，如 何去实现的实用型文章却很少。
2014-01-09
Roc 优设
Parallax Scrolling
前端开发
6.3w
让网页舞动起来！25个免费的视差滚动插件
以前我们通过优秀字体、配色让网站变得舒服，现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果，访客只需滑动鼠标滚轮就能体验到，你可以利用今天提供的这25款免费的视差滚动插件轻松实现，每款插件都有提供Demo，设计师们来感受一下。科普一下：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。
2013-12-15
程远
动效设计
酷站推荐
3.5w
11个超炫的视差滚动网站欣赏（附神器推荐）
目前这种视差滚动效果被越来越多的国内外网站所应用，成为网页设计的热点趋势。通过一个很长的网页页面，其中利用一些令人惊叹的插图和图形，并使用视差滚动（Parallax Scrolling）效果，让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。完美的展示了一个复杂的过程，让你犹如置身其中。
2013-10-08
程远
优秀网页设计
酷站推荐
2.1w
20个创意十足的倾斜式网站设计
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计（译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的速度搬动，形成立体的感觉，带来卓越的视觉体验）正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰，将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
2013-05-27
quinn
优秀网页设计
前端开发
5.5w
利用Adobe神器十分钟零代码实现HTML5视差滚动特效
视差滚动是最近出现的一个比较火的站点视觉效果，适用于做整站(mini-site)也可以做小动画。通常来说，要使用JavaScript和CSS手工编代码来实现视差滚动效果。本文来介绍如何使用Edge Animate，在十分钟之内，无编码，无压力地实现类似效果。
2013-03-25
Adobe
Edge Animate
没有更多文章了
大家都在看
App设计
文章 261
立即查看
psd下载
文章 133
立即查看
UI
文章 142
立即查看
字体下载
文章 132
立即查看
优设大课堂
文章 128
立即查看
干货
文章 149
立即查看
ui设计
文章 797
立即查看
设计史
文章 137
立即查看
设计师职场
文章 664
立即查看
优设读报
2022年01月21日 星期五
01
电影《隐入尘烟》入围柏林电影节主竞赛单元，黄海操刀定档海报
02
摩登天空官方公布 2022 年草莓音乐节主视觉海报
03
世界首家 NFT 美术馆在西雅图诞生，欣赏虚拟艺术
04
百度地图推沉浸式导航：立体化呈现现实道路信息
05
华为将参加 MWC 2022 世界移动通信大会
查看全部
微信小程序
今年最热的小程序设计和开发方法
查看专题
专题
已有155.1w位观众
已收录
15
篇持续更新
腾讯ISUX丨超全面的微信小程序初体验（上）
22754 人阅读
做完两个实战案例后，我总结了高效编写微信小程序的方法
23149 人阅读
细节
「墨迹天气」未来2小时雷达降水预测
为移动端用户设计出清晰而有意义的图表是一大挑战，「墨迹天气」App中提供了2小时雨雪 、24小时、15天、40天天气预报相关的图表模式。在2小时降水全国雷达图中，降水量随时间变化的动画直观的展现了降水趋势。图例结合冷暖色带，两端显示示意降水量高低的图标，既简化了信息，又能清晰的传达给用户；同时提供可交互式时间线，点击或拖拽滑块，即可方便选择、查看具体时间的静态降水雷达图。
2020-06-20
花花🌸Yinghua
信息可视化
设计话题
全部话题
有没有Ipad绘画教程？
5.1k 设计师围观了该问题
那种比较详细的绘画教程。
我来回答
优设琅琊榜
查看全部
8.4w
1/9
大神的大神！Dribbble顶尖设计师Mike
Mike
Creative Mints
设计神器
全部神器
壹周速读：打通设计任督二脉的基础知识
神器推荐
想放松休息？试下这个有16种解压音乐的免费网站！
神器推荐
免费下载！这个网站提供超过300万张免抠素材：CleanPNG
神器推荐
壹周速读：高手的3D设计自学指南
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
优设微博内容运营/设计 主编
武汉
本科及以上
3-5年
8-10k
插画师
西安
大专及以上
1-3年
5K-10k
资深设计师
北京
学历不限
1-3年
15-25k
查看全部
行业新闻
发布行业新闻
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
让好设计被世界看见！2021 当代好设计奖完满收官
活动赛事
元宇宙趋势下数字创意资源的新机遇，万兴科技打造「数字原料工厂」
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
