让你的原型不再low-一套设计师倾情奉献的组件库免费下载

author author     2022-08-23     798

关键词:

让你的原型不再LOW-一套设计师倾情奉献的组件库

【文章摘要】很多小伙伴常常抱怨没有好的组件库,导致每次画原型的时候自己一个按钮一个按钮绘制,效率低下。这个组件库来自有着多年经验的中梦科技设计总监@姚岁岁 ,从设计师的角度设计组件库,相信能让你的原型发挥出不一样的光彩。

 

技术分享

 

每次看到网络上别人的原型图,都觉得好高档,好羡慕啊,但自己做的原型图却样式很low。虽然有人会说,原型嘛,又不是做视觉设计,干嘛要看起来高大上,保证功能才是第一的。但是如果能很简单的出一份高档的原型图,无疑会有利于展现自己的专业水准,在和甲方、BOSS、同事的沟通中占据更有利的优势,被大家所认可。

 

技术分享

 

所以,作为一名目标是项目经理的设计师,从视觉的角度规划了一套组件库,这里分享这套原创的组件库,和使用方法,让你简单几步便能输出高端大气上档次的原型图。

第一步:

先下载这套组件库


下载链接:

在文末。

不能下载的同学请在这篇文章下留言你的邮箱。

第二步:

打开Axure,新建一个Axure文件。

 

(注意,这里不是双击打开这个组件库,不是双击打开这个组件库,不是双击打开这个组件库)

第三步:

在左侧“部件”的面板中,点击按钮弹出菜单,选择菜单中的“载入部件库”,选择刚下载的这套组件库文件。

 

技术分享

第四步:

载入这套组件库后,我们可以看到里面分了几个大类,先拖第一个背景色到编辑区

 

技术分享

 

选择合适的背景色,在底部的“页面样式”面板中改变底色

 

技术分享

 

技术分享

第五步:

开始做我们的原型图图吧!拖拖拖,改改改,连线。所有的部件都是可以编辑的哦。可以通过(ctrl+减号)和(ctrl+加号)查看整体效果

 

技术分享

 

最后:”文件”->”导出为图片”,在ps中稍微补修改一下页面的大小,即可获得如下下效果。(PS中“图像”->“修改画布大小”,向右下方延伸)

 

四种背景效果都很合适

 

技术分享

 

OK,大功告成,是不是很简单,无论是在屏幕上展示,还是打印出来交流,效果都是杠杠的。

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

这套组件库里到底包涵了哪些东西,也分享给大家看看

 

技术分享

 

就分享到这吧,再次标注这套组件库的下载地址:

让你的原型不再LOW-一套设计师倾情奉献的组件库免费下载
http://bbs.jiandaima.com/thread-814-1-1.html





如何用axure设计手机端原型组件

参考技术A你可以下载一套专门的手机组件,自己做的话,很麻烦 查看详情

原型设计工具

...ie同时支持Windows和Mac。随时随地演示不管有网还是离线,你的高保真交互都能实时同步到手机、平板、电脑,并在网页和设备上测试。并且可以向多部设备同时发送。无论是多人会议还是用户调查,ProtoPie可以使你在多种场景下... 查看详情

原型设计工具

...ie同时支持Windows和Mac。随时随地演示不管有网还是离线,你的高保真交互都能实时同步到手机、平板、电脑,并在网页和设备上测试。并且可以向多部设备同时发送。无论是多人会议还是用户调查,ProtoPie可以使你在多种场景下... 查看详情

工程师倾情奉献-win7iso精简操作说明

1.前提条件a)本文档内容只适用于32bitwin7installISO,其它OS不能保证兼容b)示范文件为win7-ultimate-rtm-32-en-us-rdvd.iso2.准备待精简文件a)在欲测试的平台上安装系统b)在启动进入注册向导时,按Ctrl+Alt+F3组合键,系统自动重启进入工厂模... 查看详情

五大原则让你的代码不再受bug的困扰

牢记以下五项基本原则,能够帮助大家尽可能减少代码中的bug。  Java编程语言的人气自然无需质疑,从Web应用到Android应用,这款语言已经被广泛用于开发各类应用及代码中的复杂功能。  不过在编写代码时,bug永远是困扰... 查看详情

如何把axurerp软件变成汉化中文版

...项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在 查看详情

springboot保护敏感配置的4种方法,让你的系统不再裸奔!!

点击关注公众号,Java干货及时送达0、问题背景用SpringBoot框架的小伙伴应该都知道,SpringBoot有个主要的applicaiton配置文件,那就会涉及到敏感配置信息,比如各种中间件的连接用户名密码信息、以及各种第三方的K... 查看详情

开放api接口签名验证,让你的接口从此不再裸奔(代码片段)

接口安全问题请求身份是否合法?请求参数是否被篡改?请求是否唯一?AccessKey&SecretKey(开放平台)请求身份为开发者分配AccessKey (开发者标识,确保唯一)和SecretKey (用于接口加密࿰... 查看详情

springboot保护敏感配置的4种方法,让你的系统不再裸奔。。。(代码片段)

0、问题背景用SpringBoot框架的小伙伴应该都知道,SpringBoot有个主要的applicaiton配置文件,那就会涉及到敏感配置信息,比如各种中间件的连接用户名密码信息、以及各种第三方的KEY、密钥等。这种敏感信息如果直接放... 查看详情

如何快速搭建系统原型

...块化/组件化,编写了系统通用交互方案,旨在帮助交互设计师、项目经理通过通用方案可以根据项目需求快速搭建合适的系统界面。背景最近负责了多个系统的交互设计工作,在设计的过程中遇到了一些问题:界面布局应该怎... 查看详情

mac上有没有好用的原型设计软件?

试试这个AxureRP9forMac(交互式原型设计),相信不会让你会喜欢的。AxureRP9forMac是一款适用于mac系统的交互式原型设计软件,无论您是创建图表,客户旅程还是线框,AxureRP都可以帮助您记录问题并让每个人都在同一页面上。AxureRP&nbs... 查看详情

原型设计工具比较及实践

...接或者二维码在电脑端或者移动端快捷预览原型。此外,设计师也可以通过墨刀进行自动标注,开发者也可以用墨刀进行切图。优点:容易学会,内置组件多,可以云端保存工作,通过分享链接就可以分享原型给别人看了,支持... 查看详情

软件原型设计工具介绍

...p;Mockplus产品简介:  Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。功能特色:快速交互设计... 查看详情

vue组件和插件的区别

...单来说,插件就是指对Vue的功能的增强或补充。比如说,让你在每个单页面的组件里,都可以调用某个方法,或者共享使用某个变量,或者在某个方法之前执行一段代码等就可以写一个插件,在Vue原型上扩展方法,要实现这个需... 查看详情

springboot保护敏感配置的4种方法,让你的系统不再裸奔!!(代码片段)

...以需要保护SpringBoot中的敏感配置信息。所以,你还在让你的SpringBoot系统裸奔吗?如果是,那不妨看看本文中栈长分享的4种方法,让你的系统不再裸奔!1、配置中心(支持自动解密)我觉得还得看大家... 查看详情

如何让你的搜索框设计“一鸣惊人”

许多人可能认为搜索框不需要设计;毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们会立即寻找搜索框,已到达到最终目的。搜索框的设计及其可... 查看详情

强烈推荐16款idea插件,让你的开发速度飞起来!

作者 | Young  来源 | CSDN博客 出品 | CSDN(ID:CSDNnews)当前使用的IDEA版本是2020.1。随着IDEA版本的升级,有些插件不再支持,而有些插件变成了收费插件,这些插件将不再推荐。以下列举的,都是亲... 查看详情

强烈推荐16款idea插件,让你的开发速度飞起来!

作者 | Young  来源 | CSDN博客 出品 | CSDN(ID:CSDNnews)当前使用的IDEA版本是2020.1。随着IDEA版本的升级,有些插件不再支持,而有些插件变成了收费插件,这些插件将不再推荐。以下列举的,都是亲... 查看详情