A. 电商设计、淘宝美工、网页设计、APP设计有什么区别
一般来说电商设计的工资高一些,如果一个公司有设计和美工两个职位的话,设计等于设计师,美工等于设计师助理。 我们之前天猫负责做活动整体页面的叫设计师或者大美工,做详情和一些小事情的叫小美工,
B. 设计一个web电商网站涉及哪些视觉页面
浏览习惯 使用习惯等
C. 什么是平面,网页,电商,UI设计
一般来说,人机交互工程的目标是打造一个让用户操作简单、便捷的界面。回所以也就是说,UI 指的不是简答单的用户和界面,还包括用户和界面的交互。那么作为 UI 设计师,要做的就不只是设计出美观的界面,还要设计出让用户用起来舒服、操作简单的界面
D. 电商前端架构设计
什么是前端架构
说到架构,很容易拉出一系列的概念知识点,像系统架构、软件架构、框架等等,这些不是今天探讨的重点,大家可以下去网络来理解。架构的本质是什么?其实也是一种管理。通常我们所说的管理,都是指对于任务和人员的管理,而架构管的是机器和代码。比如说,机器的部署属于运维的物理架构,SOA属于服务架构,那么,前端的架构指什么呢?
长期以来,前端所处的位置是比较偏应用层,很薄的一层,而架构又要求深度和广度,所以之前在前端里面做架构,好比在小水塘里游泳,稍微扑腾两下就到处碰壁。但最近这几年来,随着一些列新的技术和概念的出现,前端的范围被大大拓展了,所以这一层逐渐变得大有可为。
单纯从语言的角度来说,html、js、css是最简单最容易上手的开发语言,不考虑模块化、工具、压缩优化,任何人都可以快速上手,完成一两个功能简单的页面。在规模很小的项目中,前端技术要素彼此不会直接产生影响,因此无需架构相关的思考。由于前端语言这种灵活松散的特点,使得前端项目规模在达到一定规模后,工程问题凸显,成为发展瓶颈,原来孤立的技术要素开始彼此产生影响,各种技术要素彼此之间开始出现关联,要用模块化开发,就必须对应某个模块化框架,用这个框架就必须对应某个构建工具,要用这个工具,就必须对应某个包管理工具……这个时候,需要有人从比较高的角度去梳理、寻找适合自己团队的集成解决方案。而这一系列解决问题的工具和手段就是所谓的前端架构。
架构的组成
组件框架
架构不等于框架这一点很好理解,相信大家都能够很深入的说明这里的差别,框架是架构的重要组成部分,架构决定框架的选型,框架决定架构的技术路线。架构围绕框架进行一系列的流程工具建设,从而形成完善自动的开发体系。
+框架不等于类库,这里就是很多人困惑的点,你用的什么框架?jquery、underscore、linq、seajs、requirejs等等,每个人都能够列举一大堆。但这个是不准确的,一套编码框架是有一系列的元素组成:
开发模式,我们如何来实现代码的职责分离。以前整个前端是mvc中v这一层,而现在前端内部也进行了mvc的逻辑细分,Javascript的MVC框架现在很多,有的强化m、有的强化c。每一个框架其实都有其特点的,并且有越来越多的创新改造,比如现在最流行的是mvvm。有angular、react等等。我们是为了引入mvvc才把他们纳入到我们的开发体系,而不是因为他是一个好用的类库。
通讯,模块化、组件化是前端在推进开发模式过程中的一个过程产物,为了有效的进行组件隔离和独立,现在有各种各样的通信模型出来,不过由于实现简单,代码少,他往往是合入到某个类库里面,但本质也是一个类库。比较成熟的比如:消息总线、事件模拟、缓存中转、flux模型等等。
模板,我们用什么样的方式来集中的处理数据往html的转换过程,这里就不用多展开,这种类库现在太多了,光我们公司就有很多套,大家在代码行、缓存管理、预编译、运算性能、强大的语法等等各个维度不段追求各种极致。
基础类库最后才是传统类库,相信现在已经没有同学会在项目中去约束团队中的dom操作、常用函数、方法、异步化等等各种很基础东西,这个时候我们一般就是引入jq、zepto、underscor这些封装好的东西就行了。核心就是为了改善编码生产力。
对于框架的选型要从两面看,一是看该框架的本领,二是看你们团队的能耐。从经验上给几个点建议:
这里也可以顺便展开聊一下现在前端产品的形态分类:
从这些分类里面,我们这些年派生出了所谓全端和全栈的概念。但本质上怎么走还是要由所在产品的形态来决定。
内容型Web站点 侧重渲染方面的优化,前端逻辑比重小
操作型B/S系统 以数据和逻辑为中心,界面较规整
hybrid内置型,要处理缓存和一些本地接口,包括PC客户端和移动端。现在的本地应用,基于很多考虑,都变成了混合应用,也就是说,开发这个应用的技术,既包含原生的代码,也包含了嵌入的HTML5代码
Web游戏,前端的逻辑非常重,在代码结构上要求非常高的可管理性和更复杂的设计模式。
桌面应用型,现在有一些PC端的混合应用开发技术,比如node-webkit和hex,前者的典型应用是XDK,后者的典型应用是有道词典,此外,豌豆荚的PC客户端也是采用类似技术的,也有一些产品是用的qt-webkit。这类技术可以方便做跨平台,极大减少开发工作量。
大工程应该尽量避开谷歌产品,他的很多技术开源项目都是玩票性质的,GWT、Closure、Darty就是前车之鉴。曾今提出过很多的新技术,到现在还是独家的,变出太大。包括现在angular,喜欢做断崖式升级,做做运营后台系统问题不大,如果是线上系统的话,每次升级就是一次人月神话中的典型焦油坑。
关注应用场景,像刚才说到的boss后台是一种;另外我的平台是否有沉重的历史包袱,需要兼容ie6,还是可以轻装上阵;产品对于seo是什么样的态度?是否需要考虑自适应?或者我的团队足够大,能够各搞一套?;产品特征是强内容还是强交互或者是游戏性。这些都是选择不同框架的主要出发点。
没有最好,只有最适合自己的,基本上,针对每个平台,我们都可以列出一些主流框架,但不意味着你们都能驾驭得住。小马过马,老牛没过膝,松鼠淹个半死,就是这么回事。但无论我们选择什么框架或决定自己动手造轮子,都勿忘初心,技术必须让我们工作生活更为轻松愉快——我们只选择我们能驾驭住的框架,我们不能保证它在一年后是否会过时落后。
而且按照我个人这么多年的经验来看,任何框架都会过时,往往不是因为他不够好,而是因为一定有更好的出来。我们再选择一个框架或者一个类库的时候就要想好,未来我如何抛弃他。至少不能成为我们引入新的框架的绊脚石。现实的工作中很多的团队往往会陷入到年复一年的用今年的新框架去重构去年老框架代码的历史循环中去。对于引入框架如何尽量延长他的生命力,我个人的意见是选择框架时去追求概念,而不是潮流,当我的架构可以接受新的设计概念的时候才去考虑引入新的框架。用设计理念的选择代替框架的选择。之所以这么说是因为我观察到我们部门的后端架构的开发理念跟我进公司的时候是差不多的。更多你可以参考成都网站建设
E. 电子商务网站的网页设计风格有哪些
电商网站就是要突出产品的风格,页面设计简洁干练,比较适合搜索引擎收录。
F. 电商网站设计时哪些页面可以提高用户体验
一、网站定位
首先,你应该确定你的网站的用户群有哪些,是否承载电子商务功能单位,是否满足在线购物需求等等。传统的电商网站页面颜色过于单调、布局太过传统且整体缺乏活力,只是满足官网的定位,但是却无法满足电子商务的网站需求。因此,这时候就需要网站在充分应用优化网站色调和协调性的前提下,在提高网站亲和力的同时,其Web设计还需要考虑到电子商务功能和在线购物引导。
二、网站风格
网站的风格决定了用户对网站的第一印象,而网站设计风格定向的核心元素中就是网站色调和网站字体两种。色彩往往能够体现产品的针对年龄层以及定位!而设计师对于色彩的挑选和取舍,也是完成作品中的必备环节。对于电商网站而言,选择亲和性更强且不显突兀的暖色系列和个性字体能让网站变得热烈而温暖起来,使网站更具生命力。
三、banner设计
在网站banner设计上,做好图片本身的展示空间和效果的同时,还需要考虑到banner自动切换交换模式是否便于用户体验。例如:鼠标点击或光标触发区域是否有效,图片切换是否自然流畅方便等等。另外,banner上的广告文字在有必要的情况下最好增加颜色背景处理,这种设计手法符合目前Web设计潮流,能最大限度的降低图片背景和网站主色调与文字色彩之间的融合,更加凸显文字的视觉表现力。
四、交互设计
众所周知提高用户体验度的关键之一就是提高用户的参与感,而这就需要网站的核心产品或板块增加交互设计手法。传统的交互设计很简单,但缺乏进度预览和人性化设计等功能。因此,壹号庄园认为,电商网站Web设计有必要优化交互表现模式,适当提高用户的可选择性、可预知性,减少用户枯燥感和相关操作步骤,提高网站交互设计对用户的友好性。
五、响应设计
随着手机和平板设备越来越多地进入人们的生活,响应式设计也成为了当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的,响应式设计能确保用户无论是在行动装置,或者在 PC 上都能按你的意愿浏览内容。
六、可信度设计
从本质上来讲,电商营销成功的前提就是解决信任问题。因为相信,所以简单。电商网站能否得到用户的信任,直接影响着网络营销的最终效果。除了电商网站本身的基本服务和功能之外,很多时候,一些看似不起眼的细节问题也会成为用户是否信任的关键。而对于一般的电商网站而言,在传达信息时往往都是枯燥空洞的,生动不足,缺乏信任度和说服力。因此,提高网站信息的有效性和价值性,增加用户所最关心或感兴趣的案例展示与相关资料等等,就能够有效增强网站的信任度,延长用户访问停留时间,真正提高用户体验度。
七、情感设计
“以情动人”往往成为营销中最常见的表现形式一直。人类的先天倾向在于把物品人化,把人的情感和信仰投射到物品中。所以在电商网站增加拟人化、情感化的反应,可以给产品使用者带来巨大的乐趣和快乐,从而让人们对产品产生更多的情感交流,并以此来提升整个网站的用户友好度。
八、弹窗设计
传统的弹窗设计是多数操作系统和浏览器默认的通用风格,视觉上枯燥死板,缺乏亮点;语言上使用固有的计算机语言,无法与用户产生强烈的情感交流。而使用形象化的对话框,以及拟人化的对话,则会更好地拉近网站与用户之间的亲和力,降低了用户对弹出框的厌恶感,增加了对弹出框的接受度。
九、聚焦简洁
在信息大爆炸时代的今天,越来越多的电商网站更倾向于简洁、明快、直观、人性化的设计,通过整合或是删除多余的页面实现简化,只给用户需要的东西,也是一种提高网站风格魅力的有效方法。
综上所述,网站Web设计的最终目标是打造用户喜爱的产品和服务,一切设计要以用户为出发点,追求最佳的用户体验。
G. 电子商务的网页设计主要是使用哪个软件
电子商务的网页设计主要使用dreamweaver和photoshop这两款软件。
dreamweaver是一款专业的网页设计软件,集网页制作和管理网站于一身的所见即所得网页编辑器,用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
photoshop是一款专业的平面图片处理软件,主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作,电子商务网页上那些漂亮的图片,就靠它了。
H. 平面设计、网页设计、UI设计、视觉设计、电商美工设计的区别
平面设计的范畴还有很多,例如电梯广告、展板、VI识别等。
主要技能:PS、CDR、AI、ID等设计软件是最常用的软件,掌握其中一种或几种基本能胜任。当然除了软件技能之外,更需要注意的是配色、排版、工艺等知识的学习。
网页设计
凡是用浏览器打开的都可以称之为网页(此处不包含电商)。网页设计可分为展示型网页,功能型网页。展示型网页主要设计一些官网,活动页面等,功能型网页,例如淘宝、携程之类的。网页设计除了设计视觉效果之外,更重要的是考虑用户的操作问题。好的网页设计师可以进行切图、静态网页的编写。网页设计更重要的是能够与前端工程师合作,那么我们应该懂一些网页设计的基本规范。
网页设计的单位:像素;颜色模式:RGB;分辨率:72
主要技能:PS是网页设计最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)软件,那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备,实现静态网站,那就更具有竞争力了。
电商设计
这几年电商设计师的薪资水涨船高,电商设计主要分为:店铺电商设计和平台电商设计。店铺电商主要负责店铺产品的拍摄、店铺设计、店铺装修、站内外广告设计等。平台电商是针对电商平台进行的设计,所谓的电商平台例如:淘宝、京东、天猫就是电商平台,当然很有很多很多小众的、行业细分的电商平台,电商平台设计与网页设计师更像。
电商设计的单位:像素;颜色模式:RGB;分辨率:72
主要技能:主要技能:PS是网页设计最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)软件,那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备,实现对店铺装修有很大的作用。
UI设计
提到UI设计的载体首先想到的是手机,没错,手机确实是目前社会中最常用到UI设计的载体,手机以外还有电脑/平板/电视/取款机/购票机/游戏机等。比如容易忽略的ATM提款机上的界面,地铁站的自助购票机界面等都是UI设计范畴。UI的英文全称是user interface 翻译成中文是用户界面,也就是说我们平时用的任何有交互界面的设计都能称之为UI设计。
UI设计师是制作视觉设计的,在尺寸,按钮,间距等方面需要做到像素级别的准确度,而在做一些banner宣传图时又需要有天马行空的表达。有点像平面设计与网页设计的结合。
如果UI设计师在规范、切图、交互上面下功夫,会使你如虎添翼。做设计的思维一定不能停留在视觉层面。
I. 这么学电子商务网页设计好
其实两个发展都好,电子商务专业有六个专业方向:网站设计与程序方向、网络营销编辑方向、网络产品规划方向、企业信息化、个人网络创业及银行卡的研发,seo优化和网店运营方向,电子商务专业在不同高校里要求的课程也是不一样的,一些院校注重电子商务网络技术、计算机技术,还有一些院校会把课程重点放在商务模式上面,这些主要体现在这个专业所在的院系,有的在管理学院,有的会在信息科学与技术学院,有的会在软件学院,商学院。在这样各个院校培养出来的学生的专长也会有一定的区别。
基本简介:
电子商务专业(B2B)是融计算机科学、市场营销学、管理学、经济学、法学和现代物流于一体的新型交叉学科。培养掌握计算机信息技术、市场营销、国际贸易、管理、法律和现代物流的基本理论及基础知识,具有利用网络开展商务活动的能力和利用计算机信息技术、现代物流方法改善企业管理方法,提高企业管理水平能力的创新型复合型电子商务高级专门人才。设计网页现在通常用到的学习软件,现在帮你罗列如下:
(1)Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的图像特效。
(2)CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。
(3)PageMaker:学习排版设计的基本法则、使用方法与技巧,工具箱、快捷键的使用,菜单功能及操作技巧,出版物、书籍、宣传彩页、出片输出注意事项,报纸杂志等的高级专业排版制作的方法。
(4)Illustrator:学习图形绘制、包装、宣传页的制作,让你更加方便地进行LOGO及CI设计,不到一个月,您就会成为一名真正的美术大师,在Photoshop的基础上再学它如虎添翼,效率成倍提高。
(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。