㈠ 通过axure做原型设计生成的html代码可以让开发直接用吗
不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。
Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。
Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。
(1)原型变前端代码扩展阅读:
Axure的特性
1.鼠标及键盘交互功能:
支持更多的新特性包括 OnDoubleClick(双击), OnContextMenu (右击),OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)。
2.演示文档:
支持HTML5新特性,以及更好的支持手机演示特性。
3.新增部件样式控制:
Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。
4.更细化的部件属性:
更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。
5.更多交互条件:
包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。
㈡ 资深UI设计如何向WEB前端转型
UI设计主要偏设计,很多的UI只是负责出图,并没有和程序太深度的交流,他更多需要定位使用者、使用环境、使用方式并且为最终用户而设计。
前端设计在设计的基础上涉及到HTML5+CSS3的知识,更多的要解决兼容性问题。这是需要同时同步的学习互联网知识和前端代码知识。你要考虑清楚你能否愿意去学习,因为美术设计和代码还是有区别的。
H5+CSS3学习不复杂,但是解决兼容性问题需要大量的实践与经验,多于程序沟通。再说你所在的公司愿不愿意让你往这方向发展?如果你在UI已经做的很好了,我觉得没必要转。
再是你要偏策划的话可以学习一下原型设计的知识,再考虑转前端设计。比如现在很好用的axure。手机、PC、响应式是都可以模拟实现的,比做静态页面快捷的多。跟容易让客户看到自己的需求案例,模拟将来自己网站的初步体验。
其实按工作结构的话,你要是有足够的沟通能力与专业知识、网站架构知识,完全可以转原型,经验足够了可以胜任产品经理的话就是画原型图和客户谈策划沟通解决需求问题。这样不是更好么?
㈢ Axure 开发的原型能够可以用作前端开发的输入吗
不可以~~~原型就是是原型。哪怕你原型做的再高仿也还是原型。生成后的HTML代码太复杂,不适用用于开发
㈣ 能否使用axure制作的原型直接开发系统
Axure制作的原型是可以直接生成html文件做前端页面用的。
但是前提是,你的原型中各个交互效果和函数能够达到前端代码写出来的水平。
另外用Axure生成的页面,自适应不好。建议还是不要这样做。
㈤ 代码的前端和后端有什么区别
前端基础部分比较多,而后端是要比前端深入的多,也是比前端难的多。
㈥ 在Javascript中,访问私有成员的成员方法是否可以写在类的原型中
在Javascript中,访问私有成员的成员方法可以写在类的原型中
有一个Person类,拥有name这一私有属性。
// Javascript code:
var Person = (function () {
var name;
var P = function (theName) {
name = theName;
this.getName = function () {
return name;
};
};
P.prototype.setName = function (newName) {
name = newName;
};
return P;
}());
在以上代码中name变成了静态私有变量而不是成员私有变量。 虽然可以创建静态字典,但是代码的可读性会降低。
㈦ axure既然能画高保真模型,为什么不技术上优化代码,直接用于前端
1、Axure的定位是快速原型设计工具,通过帮助梳理需求形成可视化的低/高保真原型,供产品/项目内外各方达成对需求的一致性认可。因此它完全不是一个开发工具。
2、虽然Axure产出物是基于html、css、js的网页原型文档。但这些文档中的代码是按预设规则输出的,只要能保证原型按效果运行就行。因此其可读性、复用性、可维护性都无法和有经验的程序猿编码的代码相提并论。
㈧ 如何把Adobe XD设计好的原型图导出HTML网页代码
用adobeacrobat professional软件 如要导出整个页面:文件 --> 另存为… --> 保存类型设为 jpeg --> 保存 如要将其中图片一张一张取出:高级 -->导出所有图像 --> 保存
㈨ 如何把axure原型转换为前端框架
这位网友你好,这个原型是不可以直接让开发使用的。 原型只是构建了产品的大体框架,里面的html代码及其冗余,无阅读性,根本不可能用来直接开发的。 开发只能用UI做好的设计图来写html代码。
㈩ 如何写高质量的JS,Html5前端代码
何编写高质量的HTML代码,西安HTML5培训开发小编告诉你,web
前端开发是从网页制作演变而来的,在名称上有很明显的时代特征。
网页制作是
Web1.0时代的产物,网站内容主要是静态的,用户使用网站的行为也以浏览为主。
2005年进入
Web2.0时代,网页不再只承载单一的文字和图片,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。
以前会 PS 和 Dreamweaver
就可以进行开发,而现在的网页制作更接近传统的网站后台开发,所以现在叫做 Web
前端开发。
Web 前端开发人员
主要职责:把网站的界面更好的呈现给用户
之前包括新浪,搜狐,BAT
等各种规模公司都对自己的网站进行了重构,因为如下两点原因。
1.根据 W3C
标准结构重构之后,可以让前端代码组织更有序,显着改善网站的性能,还可以提高可维护性,对搜索引擎也更友好;
2.重构后的网站能带来更好的用户体验,重构之后的网站,文件更小,下载速度更快
而我们的 DHTML 让用户操作更炫,Ajax
可以实现无刷新的数据交换,操作更流畅,这也给我们现在的前端开发带来了新的体验。
第一章:从网站重构说起
Web 标准 ---------
结构,样式和行为的分离
而我们现在前端开发的现状
而我们在混乱的浏览器环境下,我们依旧要去打造高品质前端代码,提高代码的可维护性,想要做到提高品质我们可以从以下三点出发。
而具体如何去做到 HTML
代码的精简,提高重用,做到有序,我们会在之后的代码中一一给大家解释。
第二章:团队合作
首先我们先来揭秘一下,什么是前端开发工程师?
2.1 CSS 布局是前端开发工程师的基本功
2.2 对 JS 使用有要求
不仅仅会原生 JS,还要会使用 JS 类库和
Ajax