恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2018网页设计总结丨UIMAX译文
0.0°

网页设计关键词,流行元素。


Image title


• 丰富的色彩与渐变色的运用 • 


渐变色和丰富的色彩以其自身的美学魅力和强烈的视觉效果而为设计师所青睐并大量使用。随着此类设计风格需求的日益增长,广阔的色域和渐变色将在2018继续流行下去。

Image title

Image title




•  响应式设计 • 


对于移动网络来说,2017年是最具里程碑意义的一年,它的使用量最终超过了桌面浏览量。这也意味着网页设计师将比以往更注重移动设备用户的需求。

译者注:2017《移动互联网蓝皮书》发布,移动互联网用户达到10.93亿,而PC用户停滞不前。无论用户使用哪种设备,笔记本、智能手机还是Pad,产品页面都应当能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。)

Image title

Image title




• 动效无处不在 • 


设计一个网站时我们需要考虑诸多因素,如网速、技术能力、用户类型等,从中可以看到,为什么动效和交互式界面会成为2018网页设计主流趋势中的重要部分,尤其当人们的审美要求越来越高、技术栈越来越先进。
译者注:技术栈一般来说是指将N种技术互相组合在一起(N>1),作为一个有机的整体来实现某种目的;也可以指掌握这些技术以及配合使用的经验,比方说LAMP LNMP MEAN都是常见的Web技术栈。这里的栈就是英文stack的意思,即一些东西堆在一起,而非数据结构的栈的意思。)

Image title

Image title

Image title




• 为了视觉传达的插画 • 


在数字产品的营销领域,图像的选择是我们遇到过的最有意思的挑战。整个设计团队都会针对这个问题进行讨论,通常最终会归结于以下两种选择:
1、产品UI界面展示和动图(GIF)
2、美化的或融入生活场景的图片
前者主要强调产品的体验、特性和功能,而后者更突出产品与用户的交互,即产品对人们生活产生的影响。

Image title

Image title




• Material Design • 


Material Design是谷歌基于Android系统推出的全新设计语言,一开始可能主要面向移动设备界面;但后来无论是在移动设备还是PC平台,它的流行度和使用量都呈现爆发式增长。

其实Material Design是过去几年扁平化设计趋势的延续,但它并不是单纯的扁平化,而是增加了适当的点缀以增强可用性,这是扁平化设计所不及的。Material Design的根本是可用性,而不是拿掉一切以提升视觉吸引力。

Image title

Image title




• 推送通知 • 


Web推送通知是来自网站的消息,即使当前浏览器没有打开相关页面也会出现。
Web推送通知是一种全新的营销渠道,可用于在没有用户电子邮件或其他联系方式的情况下与网站访问者重新建立联系。

Image title




• 渐进式Web应用程序 •


2015年,谷歌创造了渐进式Web应用程序(Progressive Web Apps, PWA)。
PWA是指可以在任意浏览器上执行的支持互联网的应用程序,它是由服务器端脚本(PHP和ASP)和客户端脚本(JavaScript和HTML)组成。应用最广泛的例子就是在线电子表格(Google Docs)、电子邮件(Gmail)、照片和视频编辑(Pixlr.com)等,这些程序允许用户同时访问相同版本的文档。

有无服务人员是PWA和常规Web应用程序的主要区别。服务人员是PWA背后强大的技术支撑,在服务人员的帮助下,可实现离线模式工作、接收推送消息、更新背景内容等。PWA旨在实现多个平台通用的应用程序。

简单易安装也是Web应用程序与原生应用程序相比的一大优点。此外,开发人员不需要将PWA适配到iOS或Android平台上,由于使用网络技术,PWA可跨平台工作。
Image title


• 在线客户支持 • 


以会话为导向的营销和销售平台,将企业与客户实时联系起来。这使得我们可以进一步开展创意营销,开拓全新的营销方式,以更好地达到预期目标。

Image title

Image title







译者小结

本文作者是从国外Web设计角度出发,和国内的视角还是有一些区别,但其中的很多概念还是可以借鉴的。渐变色、响应式设计、动效都是最近几年的热门词,其中的渐进式Web应用程序是我第一次了解这个概念,相信未来国内的开发人员会在此方面有所建树。

原文标题:《Web design in 2018》
原文链接:
https://www.behance.net/gallery/60586377/Web-Design-Trends-2018

更新:2018-07-11

收藏

5人已收藏

  • 25

    作品

  • 172

    粉丝

  • 0

    关注

  • 世界水日,那些让人眼前一亮的公益广告
  • 盘点那些令人绝望的设计
  • 浅谈简约交互设计四策略
  • 2019网页设计趋势了解一下?

    猜你喜欢

      2018网页设计总结丨UIMAX译文

      0.0°

      你确定要举报2018网页设计总结丨UIMAX译文

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年07月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录