平面设计未来趋势发展
01、服务于残障人士的建筑会不断涌现
给健全的人设计房子并不是什么新鲜事,但残疾人和老人同样需要舒适、便捷的生活空间。未来的五年,会有更多的设计师关注这个领域。
02、智能的会变得更智能
如果恒温器都会说话,为什么我们所坐的椅子和会议室不能?无所不在的传感技术、机械自动化和新型的材料会帮助我们实现这一点。很快,枕头就能自动调节到我们想要的软硬度,会议室也会告诉你这次的会议开的是否成功,并为你即时调整室内光线和温度。
03、浏览器会变得更聪明
Google 已经在不断地迭代它的产品了。在将来,浏览器的功能会更强大。大部分的 APP 会储存在云端,但使用起来的时候,会像是储存在硬盘中一样方便。
04、对每一家公司来说,设计都会变得至关重要
大型的科技公司越来越注重设计,他们有了不少新动作。Chrome OS Beta 上的 Files app 在更新后,会成为**个换上 Material Design 风格的 Chrome app,这个设计小组是由 Matias Duarte 领导的,John Donahoe 则领导了 eBay 的设计小组,IBM 也开始发力了,他们新建了由 Phil Gilbert 领导的设计小组,想拾回他们在设计领域的荣耀。
05、产品变得比任何时候都更重要
产品的功能变得比以往复杂,良好的设计才会吸引人去使用它。产品的样态、交互的细节……这些都是你吸引用户去反复使用它的关键。
PS模块:
1.介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工 具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式。
2.文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
3.色阶,曲线,亮度对比度等/色彩平衡,色相饱和度,可选颜色等/画布、 图像大小调整/钢笔工具/选区(选区工具)等
4.消失点,液化,仿制源/锐化、模糊工具/加深、减淡工具,/渐变工具、. 吸管工具/色彩知识(色彩搭配训练)
5.橡皮擦/图层蒙版/套索,魔棒 /快速蒙版/抽出/调整边缘
6.钢笔工具/色彩范围 /通道/摄影艺术介绍
7.剪切蒙版/图层混合模式
8.滤镜(上)风格化,像素化,模糊,水墨等艺术效果/智能滤镜
9.滤镜(下)扭曲,渲染,其他
10.图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加
11.UI介绍/网页设计基础/网页banner的设计/网页切片工具
12.对齐与分布//网页设计制作
13.动画制作(把静态网页稍加动画)/软件互导性
CDR模块:
1.软件介绍(应用领域、优势、缺点)/软件界面(调色板)
2.基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
3.排版需注意的适宜(字号、字体、出血、文字安全框等)
4.文本格式:文字方向字符格式、段落格式、段落文本换行(图文混排)、 分栏
5.基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)
6.移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
7.排列、锁定、造形/图框准确裁剪/群组与结合、对齐和分布
8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
9.形状工具:A.直接编辑基本形状/文字;B.转换成曲线后编辑
10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
12.交互调和、轮廓
13.变形、阴影、透明
14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
15.封套设计
16.位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)4.效果菜单
17.表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印
AI模块:
1.介绍软件/.新建文件设置/软件界面认识/文字工具/文字大小改变、旋转 、复制
2.其他格式:制表符、文字属性复制轮廓/简历制作
3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分 布
5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)剪切蒙版
6.描边面板/对象/路径/内部填充(网格工具、实时上色)
7.变形工具/封套扭曲/变换工具
8.画笔/符号/符号喷枪工具
9.混合工具(带过,CDR中详说)透明蒙版(结合剪切蒙版使用)
10.外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
11.图表/位图转矢量图/透明度面板(中叠加方式的使用)
12.效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理。
用58同城的实战案例,带你认识完整的改版流程!
58UXD:58便当体验升级项目是由PM发起,设计进行优化,解决M端页面上一版遗留问题。并在迭代中进行深度挖掘,持续优化产品体验。对于页面设计过程中,总结了一些经验与方法,今天拿来与大家分享一下。
项目简述
“ 58便当 ”是58同城旗下的一个便民服务平台,早期版本以**攻略为主,功能和结构单一。此次改版在满足日常**业务的需求上,引入丰富的资讯内容(创业服务、优学培训、生活窍门、养车用车),结合58的服务,承担资讯输出的角色。
设计背景
用户分析
根据以往数据模拟出用户画像:
并根据不同用户浏览需求,划分为两类:
- 有目标:如有**需求的用户,希望快速找到**指南。
- 无目标:对资讯等内容感兴趣的用户,能够找到满足其需求的资讯。
首先针对有**需求用户的行为:
- 快捷方便、信息全面是用户选择上网查找的主因。
- 使用搜索引擎或**网查询方式,获得方便快捷/信息真实可靠信息资源。
- 设备使用占比,电脑64%、移动端29%、终端机7%。
用户痛点:
改善用户体验
- 有目标:缩短用户访问路径,提升产品的查找效率。
- 无目标:提供精准资讯推送,提升列表的可读性。
行动计划
- 优化首页快捷入口图标,在设计上优化图标的引导作用,方便用户从首页直接跳到详情。
- 增强搜索过程中的体验感受。
- 增加个性化推荐,丰富视觉语言。
- 采用统一的视觉元素提升页面效果。
架构归类
把不同种类的页面进行归类,对不同的详情、频道等页面进行设计风格规划,方便设计执行时可以够更好的统一。
改版
真实可信的颜色
基于产品特性,没有延续主站的橙色,而是选用蓝色为主色,蓝色会带给人们一种知性与信赖感,并且会使得页面更轻量。在**终敲定主色方案的过程中,还进行一些微调,**终确定了当前的色值。
新鲜风格
先从Banner开始,融入亮色渐变与浅阴影效果,跟随潮流当前潮流。同时在使用这种效果后,更能方便Banner的规范输出,只要修改渐变色就能 输出比较抢眼的Banner,减少了后期运营设计成本。
并优化视觉风格陈旧的UI,加大页面间隙的留白,去掉不必要的细线样式。
图标优化
根据页面功能的变化,逐渐从**版的彩色图标,到简单的线性,让图标在页面内看起来更加的合适,并且直观的进行引导。
首页
优化整体页面布局,加入Banner/图标等元素。细节上融入浅阴影,提升页面整体等视觉效果,减弱了入口层级深,加入推荐信息优化首页的使用效率。
信息列表拓展
在设计列表的过程中,考虑页面更多是信息内容比较多,尽可能更好的展示内容,采用了三种展现形式,有效的起到了预览与吸引眼球的效果,并且兼顾避免浏览重复样式的疲劳,提升页面的可读性。
同类信息横滑
把同类证件,加入横滑的操作方式。方便用户在浏览列表的同时在当前屏幕中,能够更加便捷的对内容进行浏览。
字体优化
增加大主要区域文字字号,缩小标签及次要内容字号,提高对列表及详情等页面的悦读体验。并且对超文本链接进行提亮处理,让页面更好的区分主次与功能,调整页面整体的字体颜色,优化纯黑为深灰色,减少阅读过程中高对比度对眼睛产生的疲劳。
增加带入感
加入情景化背景图,让详情页面具有代入感,提升浏览证件时用户的视觉感**,起到内容联想作用。同时渐变效果让文字信息与照片看起来更柔和,不会显得过于生硬。
获取更有效的推送
由于用户入口等因素,在考虑一部分用户会首先进入详情页面,而非首页或列表页时,需要让用户进行自循环浏览。
为了避免用户的跳出,我们在页面中心位置的Tab切换效果,为当前页面也起到了精准的信息推送。
结语
根据前期的调研分析后,定义出新的视觉语言,建立便当的规范,保证品牌的一致性,方便后期版本迭代。并采用极简的排版,让用户沉浸在阅读中不受干扰,提升了用户的阅读体验。设计是一个不断打磨的过程,需要深入产品之中精耕细作,持续挖掘产品的可优化点,提升产品的使用体验。
欢迎关注58UXD 的公众号:
「国内各大互联网公司的内部教程」
- 《腾讯内部分享!一个工作坊的完整设计流程剧透》
- 《内部传统项目!揭秘FACEBOOK 设计互评的实战过程》
- 《内部教程!超实用6步透视网易设计规范(附完整PDF**)》
相关推荐: