数极客首页

hi,认识一下:我叫前端设计,请不要叫我美工

hi,认识一下:我叫前端设计,请不要叫我美工

想必大家也会遇到这种状况

,要做一个项目,产品经理说产品原型图曾经
画好了,让我们去找一下素材,调一下颜色,看一下像素,把这个原型图整体装饰美化一番,然后就把我们叫做美工。我很不喜欢这种称谓
也很反对这种见地
,其实像我们这种前端设计师应该成为懂美术和
用户体验的产品经理,即时是装饰美化也要注入产品的灵魂和思想在里面。

其实设计师是在改善产品的表征,同时在把更多的产品信息传送
给用户,经过
不同元素的排列规划
把产品的中心
价值传送
给用户。

设计师应该把自己

和产品经理一样当成需求方,而不是执行者。用设计的言语
展示

产品需求,使老板看起来更直观,让技术不用过多的看产品文档就能明白。只需

这样,才干
让其他环节对你愈加
尊重,愿意倾听你对产品的倡议

今天我们就来说说前端设计的那些事儿,为了这期主题讨论我们还特别约请
了群内混迹设计多年的专业人士为我们指点迷津,感激

3群(217321695)的同窗
们鼎力相助。

一、什么是前端设计

什么是前端设计?我们在开端
讨论时就被抛出了这样的问题,经过各位同窗
的表述我们大致了解

了什么是前端设计。

设计就是呈现的过程,前端设计是经过
颜色
/构图/等元素赋予页面性格和特性
,前端也是展示

,经过
颜色
先抓住自己

的目的
人群,经过
设计表现自己

当然这仅仅是是web前端设计的一部分

而已,这被成为-界面设计。WEB前端设计理论

上是网页制造
,经过web1.0进入web2.0之后网站的前端由此发作
了天翻地覆

的变化,网页不再只是承载单一的文字和图片,它除了设计还要控制
开发技术,如:HTML、CSS和JavaScript等。

Web前端设计主要分为5个步骤:

1.看需求;

2.画草图;

3.设计界面;

4.前端代码编写;

5.兼容性调试。

当然事情并不绝对,除了必要的步骤之外还有一些细节需求
去做,设计前与产品经理,视觉剖析

师,体验师沟通。设计定稿后,就是和后台程序员,测试工程师沟通,并重复

调试。

二、扁平化设计vs拟物化

hi,认识一下:我叫前端设计,请不要叫我美工

扁平化与拟物化,作为设计师往常

必然要知道

的两个词,那么他们自身

都有什么样的优缺陷
呢?

1、  什么扁平和拟物设计

扁平化设计(Flat design)完好

属于二次元,这个概念最中心
的中央
就是放弃一切装饰效果,诸如阴影,透视,纹理,突变
等等能做出 3D 效果的元素一概不用。一切
的元素的边境
都洁净

利落,没有任何羽化,突变
,或者阴影。

而拟物化正好相反,

拟物设计(Skeuomorph)正好相反,他需求
参与

各种元素的效果,经过
不同的效果组合抵达

模仿

要呈现物件外观的目的,以使新的外观让人觉得
熟习
和亲切。

2、  扁平化与拟物化的优缺陷

扁平化设计单独设计起来更容易,突出内容主题,削弱
各种突变
、阴影、高光等视觉效果对用户视野
的干扰,让用户愈加
专注于内容自身

,并且容易统一设计作风
,调整设计计划

愈加
便当
。而往常

手机平板电脑“横行”的今天,扁平化设计更能支持手势交互,而且它占用系统空间相对较少。

拟物化设计更适合

初级人员了来做,这并不表示拟物化设计简单,而正是由于
它的复杂所以更适合

初级人员来做,能够

让设计人员短时间内熟习
各种效果的完成
,更好控制
颜色
搭配等。并且拟物化设计认知和学习本钱
低,更能直接的表现出想表现的事物。

相关于
它们的优点多多,它们的缺陷
确是了如指掌
。拟物化设计更倾向于视觉效果,功用
完成
很少。扁平化所能承载的信息量太少,会进步
用户的学习本钱

三、前端设计应不应该规范

?怎样
规范

这个问题抛出来就被群友吐槽说:“假定

不该规范

,那要第二个问题干嘛?”。好吧就当掌管
人提了一个弱智问题吧…

前端设计当然应该规范

,缘由
是:

1、为了信息加载更快。

2、有利于后期调适和修正

3、有利项目二次开发。

4、有利于项目交接。

那么前端设计应该怎样
规范

呢?

1、最基本

的就是代码规范

,划一
、简约
的代码规范

更便当
后期调试和修正
,也便当
重用。

2、样式

素材归类规范

,养成好的素材归类习气
,也是设计规范

的一种。

四、设计师应该从什么角度去思索
用户体验?

不时

以来产品的设计都是在讨好用户,或者说是让用户知道

什么是适合

他的设计,那么我们要从哪些角度让用户知道

这些呢?总体来说大致能够

分为两种,一种是视觉上给予用户满足,另一种则是在流程引导上下功夫。

细致说来能够

分为以下几点:

1、  契合
产品特性
的视觉呈现,并把自己

代入用户场景和角色设计规划
(地铁中右手运用
手机等)。

2、  突出的,利于运用
的视觉交互体验。

3、  用户对产品功用
不明晰
的状况

下,经过
视觉表现合理的引导整个运用
的流程。

总结来说就是在视觉上引导和取悦用户,在元素规划
上让用户运用
便当

五、前端设计怎样
成为产品经理?

hi,认识一下:我叫前端设计,请不要叫我美工

看到这里的时分
各位看官请不要着急

喷我,这一问题仅针对想要从设计转行产品的各位同窗
,假定

还是对前端设计很是酷爱

的同窗
能够

自动忽视

,构成

不便尽请体谅

言尽于此,归入正题。

要想转行第一
设计师应该把自己

和产品经理一样当成需求方,而不是执行者。这点至关重要,设计人员和产品经理最大的不同是思想
,由于
在做事的时分
角色不同,思想
方式

必然不同,也就是之前说到的需求方和执行者,一个是被动接纳
信息,一个是主动推送(或者说发起)信息。只需

从基本

上转变了思想
才干
开端
这场蜕变、

设计师转为产品还是有其优势的,毕竟用设计的言语
展示

产品需求,使老板看起来更直观,让技术不用过多的看产品文档就能明白。由于
前端更多的时间用在页面设计上,对规划
这类了解

更深,对用户体验要强与在职的部分

产品经理。

而短板也很显然
,设计师更多在意的是界面方面,而产品跟多的要剖析

业务流程、商业化、功用
逻辑这些。工作是分工很明白
,但是转职的时分
欠缺的中央
也是很明白
的,怎样
转?答案就在欠缺的那一部分

在不丢弃
自己

优势的状况

下,由表现方式
逆推理至业务逻辑,这是我对设计转产品的同窗
们的一点倡议

特别道谢
,大纲
提供者:唐-PT-成都、小驴-交互-杭州两位同窗
的精心撰写,以及唐-PT-成都的讨论掌管

另,标注:

此文档为人人都是产品经理社区3群讨论总结,由喵了咪编辑整理,转载请注明原文链接。

感激

各位童鞋参与
讨论(排名不分先后):

师妹-学习-杭州、鑫-设计师-北京、喵了咪-PA-北京、唐-PT-成都、sharon-PM-北京、有关部门-PM-上海、李玄月-PM-杭州、博雅—PM-深圳、香水-UI-沪、兔子-PM-南京、暄颜-产品-杭州、咖啡-设计-上海、妖孽-学习-北京、绝迹-助理-贵阳、DT-PM-北京、骑狼d羊-PM-成都、小湿D-打杂-厦门、keiven-专员-广州、夏阳-UI-深圳、米拉-产品-浙江、待业-pm-深圳、三点-PM-川都、Jesse-学生-上海、大肚熊-PM-常州、zumin-产品-北京、Thik-PM-深圳。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章