1、打开Dreamweaver输入任意汉字，点击编辑css。
2、选择中文字点击鼠标右键css样式-附加样式表。
3、弹出对话框选择附加样式表。
4、弹出附加样式表中选择文本Verdana，点击确定即可.
这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式，包括下雨，闪电，白天，夜间和下雪。卡片使用扁平化风格，并使用CSS3帧动画来制作各种动画效果。制作方法
HTML结构
该特效的HTML结构采用无序列表的HTML结构，其中每一个li.card元素代表一种卡片。
<ul class="card-list">
<li class="card">
<div class="card-color color-rain">
<div class="rain"></div>
</div>
<div class="card-info">
<p>63 ℉</p>
<p>low of 61 ℉</p>
</div>
</li>
......
</ul>
复制代码
CSS样式
首先给卡片一些基本样式。
.card {
1、ui交互设计的流行趋势——平面设计的演变
从目前的情况来看，扁平化设计在移动设备中得到了广泛的应用，但在大屏幕上的效果并不理想。但我们相信，扁平化的负面空间将在未来发挥更大的作用。我们还预测，未来的网页设计将更加经典的极简设计。我们认为视觉上的平行度会降低，带有装饰性背景的大图片也会降低。颜色简单、风格一致的网站将取代过于杂乱的网站。一个典型的平面设计就像一张看起来像真的手机的图片。它包含许多高亮、阴影和与功能密切相关的细节。平面设计就是一张图片，它充满了信息，吸引着人们的注意力。但没有3D效果。
2、ui交互设计的流行趋势——长滚动网站
随着移动设备成为主流，越来越多的网站推出内容，其中大部分都在主页上。用户最好能够在同一页面中浏览他们需要的内容，而不是不断跳到该页面寻找数据。然而，滚动很少在网站的欢迎界面中使用。滚动最适合所谓的单页网站，其中只有一页的教师信息。
滚动工地是伴随着双城工地的出现而诞生的。它的程序包括CSS3、HTML5和最新的浏览器。目前，有很多滚动网站使用大量动画来呈现页面上的不同元素。
环球网校小编为大家整理的《2020年ui交互设计的流行趋势，主要表现在哪些方面?》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关UI设计的技巧或知识，可以点击本站的其他文章进行学习。
