1. 如何设计出色的网站后台原型
1、画原型之前,先理清后台管理的功能模块,通过树状结构图来帮助自己划分页面和模块。
2、理清模块之后,就可以着手设计后台管理系统的骨架,老渔哥认为可以分为三种:主模块(主要分为哪些独立的功能模块),次级分类(每个功能模块又有哪些次级的功能分类),功能事件(具体到每个功能页面内存在哪些主要的操作)
3、思维导图帮助理清思路很有帮助。
4、思考的路线应该是自上而下,在进行模块划分时不要拘泥于具体的某个界面的展现形式。
2. ui原型图用什么软件做
一、快速原型
快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:
1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:
1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。
2、Flash。从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。
3. 网站制作流程是什么
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。
网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集材料越多,以后制作网站就越容易。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
四、网站建设
网站做的好不好,就要看前端制作人员和程序员的能力了,有许多的公司用的都是刚刚毕业的学生,做的一般都会有些许的问题,这里就要好好的选择一个公司了。
五、上传测试
网站制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,你可以很方便地把网站发布到自己申请的主页存放服务器上。
六、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
七、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
4. 关于网页和移动端原型设计的方式
你说的是高保真原型,可以先用PS等设计工具做好界面设计,再上传到摹客转为高保真原型,也可以直接用摹客在线的原型设计工具画高保真交互原型,UE和开发也可以直接在摹客查看图层信息和下载切图,传达意见更准确。
5. 如何用Mockplus来画简易网页版原型图
打开Mockplus这个软件,点击新建项目,选择你需要用的页面模式,如:手机、平板、网页等,选择好就可以进行原型图的绘制了。
2
首先,在画之前引入眼帘的是Mockplus的工具栏,有组件、交互、扩展、布局、移动、静态、批注等功能;点开看看,熟悉各种功能的使用;
3
现在,熟悉完毕后,我们可以进行简单网页版原型图绘制。
END
方法/步骤2
一、利用组件里的线框工具进行拖拽,可随意拖拽形成大概布局,然后可以在线框中进行编辑,选择需要的字体颜色大小,线框粗细等,如下图所示;
二,利用组件里的扩展功能,绘制你所需要的搜索框,表单等功能;利用图片功能可以导入你所需要的图片使布局图变得更有直观性;如下图所示;导入完后,还可以随意缩放图片大小。
三、利用布局里的工具,添加选项卡、分组框等需要的功能,也可以进行编辑;
四、对需要的功能组件进行拖拽,编辑,一个简单的网页版原型图就画好了!
6. 网页设计流程,用画原型图吗逻辑谁来设计
首先要有网页或者说是网站的需求方提供需求内容。
例如页面要包括哪些,如用户登录,注册,信息展示,甚至在线支付之类的东西。
然后还要有一些具体功能需求,如用户注册需要提供哪些资料,如身份证,地址之类的信息。
信息展示具体是哪些。
有需求方先要写明自己的需求,然后根据需求进行下一步的设计,原型图肯定要画,因为没有图就无法制作网页。
先把图画好,然后和对方商定细节,例如logo的大小,段落间距,字体颜色,之类的细节东西。
画好图并确定后就可以按照图来制作网页。
至于内部后台相关也要商定。
具体由谁来做什么要视情况而定。
例如如果对方公司有美工之类的,可能就直接给你一些素材甚至画好的图让你直接制作。
也有可能需要你自己画图或者找人画图。
7. 求一款中文,简单的画网页原型图软件。
你可以试试Mockplus,这是我们团队之前用的,基础功能免费,几乎没有学习门槛,如果想要练手,我比较推荐这个工具。Mockplus的功能也比较多,有许多预设组件和图标,支持多人协作,演示也很方便,分享链接或二维码,在电脑端、手机端都能查看,如果担心不安全,也可以重置链接。
另外Mockplus的母公司摹客新推出的在线原型,这个是我们现在绘制高保真原型的工具,支持矢量绘图和布尔运算等,之前用sketch画图,现在摹客原型就能搞定,交互也很丰富,还支持流程图和产品文档,画完直接在摹客平台交付,节省了许多麻烦的步骤。
8. 怎么学Axure网站原型设计的问题
学习axure rp可以分为以下几个阶段:
一、新手级:
是指刚刚接触原型设计,这个时期主要是打基础。先熟悉AxureRP的工作台,有哪些功能及组件,以及一些基本的操作,弄清楚每个组件是干什么用的。
在新手阶段,主要还是以熟悉为主,可以去网上找点前人总结的经验。再者就是要自己尝试着去用一遍里面的功能,可以做一些简单的页面原型,可以是没有任何交互的,也可以是带点交互的。
二、学徒级:
等到熟悉了AxureRP的所有功能之后,要开始实际应用其去设计一般的中低保真的原型了。光知道组件怎么用了还不够,还要配合交互事件,交互动作,条件判断,甚至是变量一起去实现某个交互的功能。如果说新手阶段是打基础的阶段,那么这个阶段其实就是一个融会贯通的过程,把所掌握的知识活学活用,真正的结合起来去实现一个整体的原型设计要求,这样才能掌握AxureRP的核心功能。
这个阶段的学习前期主要是模仿为主,首先要能看懂别人做的原型实例,看看人家是怎么设计的,然后依样画葫芦,自己动手做一个。
三、大师级
AxureRP自身所带的交互事件和动作已经能实现现有产品层面上的大部分交互效果,只要做基本上都可以用原型来实现。这个阶段可以试着做一些实现起来比较困难的实例,并可以尝试着开始做一些整站或者整体产品的效果,前面都大多停留在单个页面,单个实例的原型设计上,这里就要求能完成更整体的效果,出来的是一个产品的完整的原型。
最后要说明一下的就是,AxureRP只是一种原型设计工具而已,做交互设计最重要的还是想法,工具只是用来帮实现想法的。不必过于追求技术,不必过于追求视觉表现。把握好整个产品方向的同时,应专注于交互流程、页面内交互、布局结构的创新和优化。按照上面坚持下去,学习axure不在难!
9. 交互设计中原型图和线框图
直白点呢,线框图更多是在设计初级,直接快速勾画的网页或软件产品的主体结构、用户流程或者页面跳转关系等, 方便设计师或团队能够快速决定产品的宏观设计方向,从而尽快开始细节设计。
而原型图,相对线框图,呈现了更多的细节或交互。我们所看到的的往往是一页页呈现的网页或app设计。根据细节的呈现程度以及提供资源的质量,分为低、中、高三种。最值得提及的就是高保真原型,不仅提供丰富的页面细节,还添加大量动画和交互,与产品的真实状态非常接近,能够直接交互并测试。
总之,不管哪种类型,都是为了方便设计团队沟通,加快设计流程的重要资料,是设计们经常使用的设计资源。当然,对他们比较陌生的设计师,也可尝试使用摹客设计工具,快速绘制线框图或原型图,切实的查看他们之间的区别。