| 现代UI元素设计趋势 | |
| 【返回本版】 【发表帖子】 【回复帖子】 | 浏览量 93 回帖数 0 |
 |
lanlan123 等级 ☆ 0 楼 发表于 2017/1/20 11:11:30 编 辑 |
|
|
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里 来源：UI中国 在网络的世界里，每一年都会给我们带来无穷的新发现和创新。在现实生活中，每年我们都会遇到新的事件、插曲、趋势、时尚和设计。同样，在网络的世界里我们每年都会看到新的设计、新的方向和新的功能。而今天就是要给大家介绍，几个必须知道的现代网页元素UI设计趋势。 创新的要素要做得很巧妙，这样会让风格更简单。每一个新功能都可能给潜在的客户提升用户体验。当面临选择的时候，这项工作即有挑战性也让人兴奋，所有的选择都是值得的。 1: 独特性 & 大标题 通常，企业会使用一些特殊的字体和排版，便于用户识别自己的品牌。为了让品牌便于沟通和表达，有很设计字体诞生。 使用要点: 排版像一个导演，让整个页面都有一个符合流行趋势的风格，并且让整个网站都有这种风格。 不同的排版选择将给你的公司带来不同的品牌印象。例如：要有效率?要实用?或者更多信息? 无论你选择什么字体，在浏览器中的兼容性和显示效果是最重要的。 如果普通的计算机系统和浏览器不支持你的字体样式，这就意味着风格会失控。 2: 好的接受度的“英雄图” medium.com不是唯一的一个有“英雄图”(网站形象banner)的例子。还有很多其他的，如：Ghost、Renovator和Kin HR。重点是，这些图片比文章和按钮更容易让用户往下滚动去看更多信息，此外，许多的网站如Uber的背景图上有巨大的形象banner图，这个图足够可以讲清品牌故事，而不是用文字去说。 951152.jpg 使用要点: 你的用户有不同的需求也来自不同的地方、他们使用不同的设备访问你的网站，如：手机、平板电脑和桌面电脑。 像medium.com使用的那种“英雄图”在手机上用户就很难看见，因为这些图只有在桌面电脑上效果才会好。 如果你的“英雄图”不能兼容所有的设备，并且很容易被看懂，那么你的用户理解你的网站成本会很高。 3: 视频背景 如果你的网站能默认播放一个讲述企业或产品故事的视频，并且视频拍摄得很简单，那么你的网页可能变得非常有“价值”。例如：当用户访问wistia的主页的时候，视频在后面自动播放，这是一个增加转化率的好方式。 使用要点: 这样的视频背景很容易被用户理解，而且它介绍你的企业或产品的时候不需要费任何文字。 我们大脑处理这种视频的能力比文字强6万倍。人们总是不愿意读太多文字，视频更容易被接受。 这样也要求网速更快，手机尺寸更大。 4: 扁平化设计 扁平化的设计很容易被理解和领悟。这样的设计很简单，所以在网站上载入也会很快。Apple最早在2013年把网站设计改成了扁平化。后来很多网站也做了，但Uber创造了它自己的风格，他们很好的运用了阴影。很多图片有遮罩，当鼠标经过的时候这些阴影遮罩就自动消失。 951154.jpg 使用要点： 扁平化设计跟容易被你的用户所理解。 不管你使用扁平化还是投影效果，稳定是最重要的。 你必须保证你的网站设计风格是统一的，不管是首页还是内页，都需要呼应。 最关键的点还是让游客更好的理解。 |
||
| 1 |