必威体育Betway必威体育官网
当前位置:首页 > 网站建设

我花了80天,开发出这个3分钟快速搭建界面原型的设计工具

时间:2018-09-10 19:32:02来源:网站建设作者:seo实验室小编阅读:72次「手机版」
 

界面设计工具

QQ截图20180530095700.jpg

最近一直在关注设计系统,恰逢笔者正准备毕业,毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取,三分钟即可搭建一个用于快速沟通的界面原型。

一、Atomframer

我总结定义了共计 82 种常见的设计模式,基本满足了大部分基础移动端页面的使用场景。并且本工具的使用方法十分简单快捷,只需以下几个步骤便可完成。

第一步,选择合适的导航

通过点选,便可切换相应的导航栏、筛选栏、工具栏以及标签栏。每个导航类别分别对应一个特定区域的组件变化,点选切换保证了每个类别的导航之间能够相互独立。

第二步,拖拽需要的内容组件

通过拖拽,添加常规元素、页内导航、内容容器以及列表表单等用于承载页面内容的组件。这些组件共用同一块区域,自由组合,并且允许添加多个相同组件,且这些相同组件相互独立,互不干扰。

第三步,长按调整组件之间的顺序

通过长按能够调整被添加的组件之间的顺序,提供给组件之间的组合更多的可能性。

第四步,选中组件后修改其信息

当一个组件被选中后,能够在右边的表单区域修改其内部的文字信息,使得相对通用的组件具备传递具体业务信息的能力。

表意图标本身便具有一定的含义,即与文本一样传递了信息,故对图标的选择也同样重要。

相关阅读

游戏热更新系列——(初级篇)什么是热更 + 环境搭建

 热更新是什么?为什么要用热更新? 一些文章已经写的很不错了,我就不多说了。  Unity热更新技术整理 - MuYuQianShan - 博客园 ht

dnscrypt-proxy+dnsmasq搭建无污染DNS服务器

为什么要搭建自己的DNS服务器? 国内的DNS已经被严重污染了,很多的域名返回的都是错误的域名。要防止DNS的污染,就需要用一种加密的D

搭建 B2B 撮合交易平台,这背后有哪些商业逻辑? (上)

企业服务从来就不是一个时髦的概念,但是 2015年 前后,由于具备互联网 + 的天然属性,加上新三板对概念的热炒,这个领域成为了创投追逐

适合学生站长搭建的网站类型有哪些?

又是一年开学季,对于大一新生来说,即将打开新的世界。大学,不仅仅是个学习专业知识的地方,更是培养个人多种能力的最佳场所。随着互联

【Nao-01】 Windows+Naoqi+Python+Choregraphe 开发环

概述 本篇介绍 Windows 系统中 Choregraphe 与 Python 的下载与安装,并给出了几个常见问题的解决办法。 目录概述一、安装Choregr

分享到:

栏目导航

推荐阅读

热门阅读