当前位置: 首页 > 科技观察

7未来网页设计的趋势

时间:2023-03-13 13:25:55 科技观察

关于网页设计的未来趋势,相信很多文章都涉及到。现在让我带你总结一下哪些是真正的预言。1.用手势代替点击还记得你过去是如何滚动网页的吗?将鼠标移动到屏幕的右边缘,然后拖动一个古称“滚动条”的东西:稍微专业一点的人可能会使用鼠标滚轮、光标键或触控板,这已经领先于大多数用户。但在2015年,滚动比点击更受欢迎。在移动设备上,您可以用手指滑动来滚动。实际上很难准确击中目标——这与我们在桌面上所习惯的完全相反。所以我们期待越来越多的网站内置滚动条第一,点击第二的设置。当然,现在我们到处都是这样设计的:随着移动设备占领市场,我们对这一趋势的预测是完全合理的。今天的网站不再是点击而是滚动。更少的链接、更多的按钮、更大的“可点击”区域和更高的滚动页面。那些把文章分成多页的网站大概马上就会明白文章的内容应该做成一个页面,哪怕很长,甚至可以学时代杂志做一个无限滚动的网页:虽然未来网络是否会扩展到类似手表的设备上仍然是未知数,但如果这个想法实现,那么我敢打赌,它将成为未来的手势世界。2.折叠正在消亡现在滚动变得如此简单,设备尺寸也趋于变化,“折叠”正慢慢变得无关紧要。设计师现在可以完全选择不在页面顶部塞满所有内容。现在的一个设计趋势是——全屏图片,上面有标题,滚动页面,然后就可以看到文章的具体内容:现在设计师可以像杂志一样把一些大图片放在他们的网页上。2015年的设计可能会占用更多空间——尤其是垂直方向——例如类似的大图像。3.更快的用户和更简单的网站现在几乎每个年轻人都是专业的网络用户。即使是业余爱好者也能表现得很专业:使用多个选项卡,刷新页面。与此同时,我们变得不耐烦了。如果你想激怒一个脾气暴躁的人,让他的网速慢一分钟就够了。今天的网站不仅速度更快(技术问题),而且更容易理解。减慢用户速度的设计与根本不加载的设计相同。简单的设计更易于导航,这意味着接收速度更快。乍一看,新颖的设计更吸引眼球:这大概是拟物化设计消亡的最大原因:用户变得更加敏锐、没有耐心,一些复杂的内容拖慢了速度。应用程序以其小巧、美观的界面对大多数网站进行了测试。网站之所以会失败,是因为极简界面执行力更好。平面设计只是一个开始。真正的趋势是简单直接,2015年有望更加深刻。4.桌面上的像素会被丢弃,1点就是1像素。有些人甚至知道平均一英寸有多少像素:72dpi。但是现在,很多人不知道像素是什么。随着响应式设计的流行,我们使用更多的网格和百分比。当然,还有一个领域仍然坚持像素:位图。几乎所有的网络都是建立在图像之上的。随着Retina显示屏和现代浏览器的普及,矢量图形将成为2015年的宠儿。这种趋势在基于字体的图标和GoogleMaterialDesign中已经很明显。网站加载速度更快,图标可以缩放到任意大小而不会失真。这使它们成为现代网络浏览器的理想选择。虽然这项技术已经存在,但专业人士需要时间来改变他们的习惯,以创造出更高质量的显示器。一旦桌面显示器的平均水平达到Retina级别(如在新的iMac中),估计设计师将不得不效仿。5.动画回来了我们曾经说过,如果你想让你的网站看起来过时,放一些GIF和Flash动画。而现在,动画元素逐渐在网页设计中大放异彩。平面设计很好,但它最终可能看起来毫无特色,甚至有点无聊。动画可以使网站使用更少的空间来传达更多的信息,显得独一无二。移动应用程序通过使用动画来传达意义,颠覆了世界,现在网站也步其后尘。CSS动画等新技术可以轻松增强设计,而无需担心插件、速度和兼容性。而Web组件(详见第6点)也可以提供加速功能。动画GIF以惊人的效果回归。你会发现本文中使用了大量的动画GIF,这在以前是不可想象的。6.组件是新的框架Web技术正变得越来越复杂。即使是简单的任务,包括GoogleAnalytics和Facebook上的Like按钮,也迫使设计师将大量混乱的代码嵌入到网页中。如果我们把代码改成下面这样会简单很多:我们可以使用webcomponents,但是这还没有被大多数设计者所认识和使用。2015年是Web组件兴起的一年。谷歌的MaterialDesign开始运行,提供来自Android应用程序的各种动画和交互组件,以及像这样的简单标签,并得到所有现代浏览器的支持:根据这一趋势,2015年更多的组件应该不足为奇2010年会出现基于的架构,比如Bootstrap4.0?7.社交饱和,不满直邮兴起。然而,问题是它已经饱和了。Facebook每天都会发布数十亿条帖子,因此只收录用户最有可能点赞和分享的帖子。这意味着您发布的内容可能只会被一小部分人看到。(当然你可以付钱,所以你没有这个麻烦)。社交并没有消失,2014年,蒂姆·费里斯(TimFerriss)等大牌博主将注意力转向了老式的邮件列表。因为他们意识到电子邮件比社交媒体有一个显着的优势:阅读它的人的比例要高得多。预计2015年这个socialposting的趋势会大放异彩。不可预测的趋势:CSSshapes,除了设计师,很多人不会关注这个技术。CSSshapes允许你布局成特定的形状,比如圆形:看起来很酷,是吗?但是除非有浏览器支持,否则您将面临很大的风险—您很可能需要投入大量时间和精力来为新旧浏览器制作两种不同的设计。但除了设计师,相信没有多少用户会注意到这一点。虽然它真的很酷。翻译链接:http://www.codeceo.com/article/7-trend-web-design.html英文原文:7种未来网页设计趋势