前端交接文档_开发型Web前端和设计型Web前端的区别是什么?
小编说学Web前端,你弄懂开发型Web前端和设计型Web前端的区别了吗?今天千锋广州小编给大家梳理一下设计型Web前端做什么?都要学习什么?
想必大家也会遇到这种情况,要做一个项目,产品经理说产品原型图已经画好了,让我们去找一下素材,调一下颜色,看一下像素,把这个原型图整体装饰美化一番,然后就把我们叫做美工。
千锋广州小编也很不喜欢这种称呼也很反对这种看法,其实像我们这种前端设计师应该成为懂美术和用户体验的产品经理,即时是装饰美化也要注入产品的灵魂和思想在里面。
其实设计师是在改善产品的表征,同时在把更多的产品信息传递给用户,通过不同元素的排列布局把产品的核心价值传递给用户。
设计师应该把自己和产品经理一样当成需求方,而不是执行者。用设计的语言展示产品需求,使老板看起来更直观,让技术不用过多的看产品文档就能明白。只有这样,才能让其他环节对你更加尊重,愿意倾听你对产品的建议。
今天千锋广州小编就来说说前端设计的那些事儿:
什么是前端
设计就是呈现的过程,前端设计是通过色彩/构图/等元素赋予页面性格和特点,前端也是展现,通过色彩先抓住自己的目标人群,通过设计表现自己。
当然这仅仅是是web前端设计的一部分而已,这被成为-界面设计。WEB前端设计实际上是网页制作 ,经过web1.0进入web2.0之后网站的前端由此发生了翻天覆地的变化,网页不再只是承载单一的文字和图片,它除了设计还要掌握开发技术,如:HTML、CSS和JavaScript等。
Web前端设计主要分为5个步骤:
1.看需求;
2.画草图;
3.设计界面;
4.前端代码编写;
5.兼容性调试。
当然事情并不绝对,除了必要的步骤之外还有一些细节需要去做,设计前与产品经理,视觉分析师,体验师沟通。设计定稿后,就是和后台程序员,测试工程师沟通,并反复调试。
扁平化VS拟物化
扁平化与拟物化,作为设计师现在必然要知道的两个词,那么他们本身都有什么样的优缺点呢?
1、 什么扁平和拟物设计
扁平化设计(Flat design)完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。
而拟物设计(Skeuomorph)正好相反,他需要加入各种元素的效果,通过不同的效果组合达到模拟要呈现物件外观的目的,以使新的外观让人感觉熟悉和亲切。
2、 扁平化与拟物化的优缺点
扁平化设计单独设计起来更容易,突出内容主题,减弱各种渐变、阴影、高光等视觉效果对用户视线的干扰,让用户更加专注于内容本身,并且容易统一设计风格,调整设计方案更加方便。而现在手机平板电脑“横行”的今天,扁平化设计更能支持手势交互,而且它占用系统空间相对较少。
拟物化设计更适合初级人员了来做,这并不表示拟物化设计简单,而正是因为它的复杂所以更适合初级人员来做,可以让设计人员短时间内熟悉各种效果的实现,更好掌握色彩搭配等。并且拟物化设计认知和学习成本低,更能直接的表现出想表现的事物。
相对于它们的优点多多,它们的缺点却是一目了然。拟物化设计更倾向于视觉效果,功能实现很少。扁平化所能承载的信息量太少,会提高用户的学习成本。
前端设计如何规范?
前端设计当然应该规范,原因是:
1、为了信息加载更快。
2、有利于后期调适和修改
3、有利项目二次开发。
4、有利于项目交接。
那么前端设计应该如何规范呢?
1、最基本的就是代码规范,整齐、简洁的代码规范更方便后期调试和修改,也方便重用。
2、样式素材归类规范,养成好的素材归类习惯,也是设计规范的一种。
设计师应该从什么角度考虑用户体验
一直以来产品的设计都是在讨好用户,或者说是让用户知道什么是适合他的设计,那么我们要从哪些角度让用户知道这些呢?总体来说大致可以分为两种,一种是视觉上给予用户满足,另一种则是在流程引导上下功夫。
细致说来可以分为以下几点:
1、 符合产品特点的视觉呈现,并把自己代入用户场景和角色设计布局(地铁中右手使用手机等)。
2、 突出的,利于使用的视觉交互体验。
3、 用户对产品功能不清晰的情况下,通过视觉表现合理的引导整个使用的流程。
千锋广州小编总结来说就是在视觉上引导和取悦用户,在元素布局上让用户使用方便。
前端交接文档_开发型Web前端和设计型Web前端的区别是什么?相关推荐
- 离职交接文档_如何写好离职工作交接文档?
交接文档的重要性 一个业务员与客户建立起了私下的信赖关系,可是当他因工作调动而离开原岗位,由另一个人接替的时候,原来的关系很可能就会一下子断裂. 百货商店也一样,如果柜台的营业员换人了,有些顾客就不会 ...
- 项目交接文档_项目管理反思
我从尾巴到头来反思我在公司期间和郑州扁担科技有限公司的合作. 我和扁担科技的李总最近的一次交谈,是关于交接项目的. 看到项目交接,可不要认为是项目完成交接哦,而是扁担科技因为人员离职的问题,导致没有能 ...
- java离职交接文档_离职了就没责任?会计离职没办这2项交接,要承担法律责任!...
离职前会计人员工作交接一定要注意,非常重要,以下详细的绘制了工作交接大全,供各位会计人学习. 不完成这这两项交接,违法! <会计法>第四十一条规定:"会计人员调动工作或者离职,必 ...
- 项目交接文档_会计实操||会计人员交接范例
职责 1.移交人责任:编制<交接清单>,并按照<交接清单>逐项移交.负责整理管理范围内的工作各种资产.文档资料,保证其完整性和真实性.梳理工作流程和工作关系,准备移交. 2.接 ...
- 项目交接文档_财务离职,交接工作需要交接哪些?附财务移交清册表!
盛戈会计会计师的摇篮 年底了,随着中级会计成绩的发布,又到财务离职高峰期,这里小编总结了财务人员离职工作交接详细清单,供大家参考. 根据财政部最新通知,2020年度全国会计专业技术资格考试报名人数创历 ...
- java离职交接文档_财务人员工作交接你知道么?没处理好不止将来风险大还可能违法...
今天给大家分享一下在工作中,财务人员应该怎么保护自己? 1.虚假报销那些事儿 在企业内部报销程序中,部分管理人员往往安排下属或助理经办报销程序,所有的费用申请.报销单据的填写均系下属完成,而一旦虚假报 ...
- java离职交接文档_定了!财会人离职不办这2项交接,要承担法律责任!后果非常严重...
世界那么大,我想去看看?说走就走的离职,对于财会人来说,可没有那么简单. <会计法>第四十一条规定:"会计人员调动工作或者离职,必须与接管人员办清交接手续." < ...
- 离职交接文档_离职程序员交接工作被同事怒怼:每一行代码都讲清楚,不然投诉你...
我们都知道,员工在离职之前都要完成一份工作,那就是交接工作.在工作层面上讲,这样做算得上是有始有终了,在道德层面上讲,我们不能说走就走,把摊子就给别人,这是不负责任的表现. 交接工作也需要我们认真对待 ...
- 程序员交接文档_一个.NET程序员 2019 跳槽3次的悲惨故事
2019年是值得深思的一年,在找工作上没有那么用心,导致碌碌无为,在这里我建议大家找工作的时候不要太着急...要不然会被逼疯的,一定不能被"工作"挑,一定要做到挑"工作& ...
最新文章
- 程序员转型AI,成功几率有几分?
- 运行sp_xp_cmdshell_proxy_account 出现的错误
- python去掉数字最后的零_python – 如何消除额外的负号,将数字四舍五入为零时,以numpy为单位?...
- docker部署下的nginx负载均衡时,无法获取真实ip的问题
- 服务器可以读u盘文件,服务器向u盘拷贝数据库
- 微信小程序开发---小程序框架---小程序的逻辑层---3
- 传感器为什么在低量程偏差大_传感器作业
- [译] Vue: scoped 样式与 CSS Module 对比
- #include““ 和 #include<>
- php加速缓存器opcache,apc,xcache,eAccelerator
- 北语发布 | 汉语学习者文本多维标注数据集YACLC V1.0 -- 文本纠错方向
- Machine Learning - III. Linear Algebra Review线性代数 (Week 1, Optional)
- 第二周冲刺第一天个人博客
- android 微博 登录,Android第三方登录之微博登录
- 【积累小技巧】word格式刷没作用
- 广义表详解(C语言版)
- GitOps | 一种云原生的持续交付模型
- PHP如何开发订单通知短信。
- 2019年的计划,做最好的自己。
- 《致盛夏的七封情书》 ------------ 第一篇《晨曦》