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

最近一直在关注设计系统,恰逢笔者正准备毕业,毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取,三分钟即可搭建一个用于快速沟通的界面原型。 一、Atomframer 我总结定义了共计82种常见的设计模式,基本满足了大部分基础移动端页面的使用场景。并且本工具的使用方法十分简单快捷,只需以下几个步骤便可完成。 第一步,选择合适的导航 通过点选,便可切换相应的导航栏、筛选栏、工具栏以及标签栏。每个导航类别分别对应一

正在疯狂流行的等轴测图标,千万不要错过

图标是几乎任何网站都需要的重要组成部分,无论是用来传递信息、导航还是用来装饰,图标和类似图标的元素都是一种富有吸引力的有趣的功能性元素。 虽然在过去的几年间,扁平化设计一直处于主流,但是现在越来越多的设计师开始青睐等轴测的图标元素。这一趋势不仅体现在网页设计上,在平面设计领域同样非常流行。 它指所有流行,很大程度上是因为它不同于传统扁平化设计的立体质感和逼真质感。同时,等轴测图标元素在设计细节上依旧使用的是扁平化的方式,这也使得它成为更优、也更好的选择。 等轴测图标趋势是怎么

JavaScript的模块机制—CommonJS规范

背景 CommonJS规范 CommonJS模块规范 Node的模块实现 背景 JavaScript早期的"script"标签的代码引入方式显得杂乱无章,缺乏规范,不像Java有类文件,python有import机制,Ruby有require,PHP有include和require。 早期JavaScript的规范主要是ECMAScript,ECMAScript它主要包含词法、类型、上下文、表达式、声明、方法、对象等语言的基本要素。有如下缺陷:

写给设计师看的基础数据知识

作为设计师,你是否遇到过这些问题:一直都在做产品的体验优化设计,但怎么知道是否真的有所改进?有 A、B 两种设计方案,要怎么理性地判断和选择最优的那种?都说要以用户为中心做设计,除了用户调研,还有什么别的方式可以了解用户?…… 以上那些问题,其实都可以通过数据验证得出结论。在产品研发流程中,数据是基石,也是驱动设计的核心因素。本文通过常见的概念和案例分析,总结了关于数据方面的一些基本知识,主要内容包括: 设计师为何要看数据? 设计师要看哪些数据? 设

网易实战案例:教你五步打造APP节日主题设计

我们需要做有依据、有逻辑、有理念的设计,需要发散思维、整合创意、严谨输出,让设计经得起推敲。 2018年春节已远去,一直想把 lofter 新年 logo 设计思路分享给大家,直到现在才整理出来,希望这篇文章能给大家一些思路和参考。 每当过节的时候,市场上大大小小的 APP icon 都进行了节日换装,作为视觉设计师,如何设计出与产品品牌相符合并能营造出节日氛围的设计是我们需要思考的。下面以 lofter 新年图标设计为例,分享一下当时的设计思路和方法。 Lofter 是网易

yfzhe 的 Product Hunt 精选第 2 期:截图美化、数据可视化、博客背景图、to-do

来自 @yfzhe 的 Product Hunt 精选,第二期。拖更好久之后的第二期,感觉写这种东西真的很难。 Screely 平台: web app 产品链接 Product Hunt 链接 这是一个美化截图的网页工具。会给朴素的截图加上一个 GUI 窗口的外框,以及类似 macOS 自带截图那样的窗口外面一圈阴影(但是没有 macOS 的好看),还会给图片加上纯色背景。 选择好截图(加载、拖拽或者直接用 Ctrl+V 粘贴),就可以看到美化后的截图了,这时可以选择一个想要

安装 Ubuntu 18.04, Webmin, Nginx, MariaDB, PHP7.2-FPM,Perl-Fastcgi 到 Linode 的 VPS(5)

安装 Ubuntu 18.04, Webmin, Nginx, MariaDB, PHP7.2-FPM,Perl-Fastcgi 到 Linode 的 VPS. 第五部分 在修改 nginx 配置文件使其满足证书使用之前,先执行下面的命令,生成一个 4096 位的 dhparam 文件。 cd /etc/nginx/ssl sudo openssl dhparam -out dhparam.pem 4096 这个命令会执行很长时间,耐心一点,喝口茶。 配置 https 主机

几个用于诊断HTTP响应时间情况的小工具

如果有人说你的 HTTP 接口响应慢,那可能是他的电脑慢,也可能是网络本身慢,还可能是你的服务器慢,总之想搞清楚到底是哪里慢并不是一件简单的事情,好在有一些小工具可以帮你快速做出正确的判断。 Chrome DevTools: 打开开发者工具,在 Network 一栏里就能看到时间在各个阶段的分布: Chrome Timing 关于各个阶段的说明,可以参考:Timing breakdown phases explained。 cURL: 虽然 Chrome DevTools

【前端技术】头条PC站基于RIOT的组件化开发实践

一、背景 1、头条PC站业务前端重构 * 旧站架构强依赖后端模板,维护和扩展非常不灵活 * 资源文件存在依赖,无法做到最简压缩合并 * 代码组织混乱,虽有基本的模块化开发方式,但整体维护和扩展非常麻烦 2、为什么选择Riot? * Angularjs学习成本相对比较高、大而全(比较重),后期升级维护不便 * Reactjs有一定学习成本,而且其JSX语法对于习惯模板、样式和行为分离开发方式的coder不太能接受 * VUE简单易用,满足大部分需求,但不兼容IE8

【性能优化】今日头条iOS客户端启动速度优化

应用启动时间,直接影响用户对一款应用的判断和使用体验。头条主app本身就包含非常多并且复杂度高的业务模块(如新闻、视频等),也接入了很多第三方的插件,这势必会拖慢应用的启动时间,本着精益求精的态度和对用户体验的追求,我们希望在业务扩张的同时最大程度的优化启动时间。 一、技术调研 先说结论,t(App总启动时间) = t1(main()之前的加载时间) + t2(main()之后的加载时间)。 t1 = 系统dylib(动态链接库)和自身App可执行文件的加载;  t2 =