Electron 时间数据的本地化存储方案效率测试

本地存储方式

Electron的本地数据存储方式有很多种,可以直接读写文件,也可以用相关的库,方便数据管理。

阅读全文

JavaScript条件嵌套代码的可读性优化

33

数据结构

功能是实现历史记录的数据添加,数据按年月日组织如下:

阅读全文

使用debug包替换console.log优雅的输出日志文件

image-20191005085442087

阅读全文

智能家居APP智能化设计

目前智能家居 APP 的设计仍停留在对单个设备的管理和控制上,控制和使用繁琐。本文结合智能设备暴增和智能化的趋势,通过控制面板的思路对设备功能进行抽象和整合,使智能家居APP具有更易用和智能高效的体验。

阅读全文

智能家居从业3年后的思考

191016-183235

智能家居的核心

什么是智能家居的核心?在回答这个问题之前,我们先思考一下,为什么家里的电器设备需要智能化?智能化带来了什么?

阅读全文

纯CSS实现文本中间省略显示并能动态自适应宽度[原创]

image-20190517091416254

最近在开发文件管理器时,遇到文件名称省略显示的问题,文件名称后缀是很重要的信息,当名称过长显示不下时,最好的体验是省略中间,如:

阅读全文

Node.js笔记

190511-324933

Node.js是一个事件驱动I/O的服务端JavaScript环境,基于Google的V8引擎,在JavaScript语法的基础上,增加了一些操作系统、文件、网络和数据库的操作。

阅读全文

VR 样板房人机交互设计

VR(虚拟现实)将人从二维的平面世界带入三维的数字空间,对交互设计产生了颠覆性的要求。一方面用户不再始终注视着屏幕,因为用户所能控制的数字空间已经拓展为自身所处的整个三维空间,而不再是一块屏幕。这就要求对用户的注意力进行合理的引导,否则用户很容易会迷失。

阅读全文

VR 设计经验总结

image

VR 设计方式

VR 的交互设计更像产品的工业设计 ,可以运用以下工业设计的方式进行交互设计 :

阅读全文

vue笔记

Vue两大核心思想:组件化和数据驱动,组件可重复使用,数据驱动让DOM随着数据的变化自然而然的变化。

整体结构

Vue 运行流程和结构

image-20190306154013538

阅读全文

html css学习笔记

html

基础标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta chatset="utf-8">
<title>页面标题</title>
<meta content="关键字" name="keywords">
<meta content="描述内容" name="description">
</head>
<body>
<div></div>
<span></span>
<h1></h1>
<h2></h2>
<p></p>
<!-- 注释 -->

</body>
</html>

阅读全文

Electron 学习笔记

image-20190504104413739

Electron 是一个使用Web 前端技术创建原生程序的框架,可以同时在macOS、windows、linux上运行,并轻松实现原生程序的体验。

阅读全文

Hexo博客主题定制笔记

image-20190508201458964

自己动手制作博客主题应该是每个设计师的心愿,别人的模板总是不太满意,趁着春节放假折腾一下,顺便学习一下网页编程的技术:pug模板语言,scss 语言,flex 布局,以及响应式的编程等等。这里记录一下开发过程中的要点和心得。

阅读全文

javascript学习笔记

190504-182600

js基础语法

变量提升( hoisting

使用 var 关键字声明的变量,无论其实际声明位置在何处,都会被视为声明于所在函数的顶部(如果声明不在任意函数内,则视为在全局作用域的顶部)

阅读全文

applescript笔记

190508-319413

常用功能

激活应用

1
2
3
tell application "Terminal"
activate
end tell

阅读全文

从橡皮擦的纸套设计看产品思维

之前有位同事问我什么是做设计要具有产品思维?后来看到这个橡皮擦的纸套,很好的诠释了产品思维。

170917_092708

阅读全文

设计因局限而可能——家具就要DIY

该作品缘于5月底搬家,本来怕涨价不久要搬,便就地取材,用纸箱、破竹席、夹子和泡沐手工搭建些简易家具。没想到竹席跟纸箱的搭配很舒服,加上银黑色家电的衬托,却有几分雅致。

这就是做设计最有意思的地方,在局限中发现和创造可能,让物品有全新的存在。

阅读全文

Hexo博客搭建笔记

以前用lofter各种不爽,一直想搭个自己的博客,在这将过程记下来,以防忘记。

博客安装

安装Xcode

直接从App Store上下载。

安装node.js

Hexo是基于node.js的,点击进入node.js官网下载安装。

安装git

git官网下载安装包。这是为了使用git指令。

安装hexo

因为安装包中有些内容在墙外,所以可以换淘宝源,或者用

1
npm install -g hexo-cli --no-optional

阅读全文

Axure图标全攻略

一、点阵图片图标

这是用得最多的,网上下载的组件库大多属于此类,缺点是图片放大会模糊,在Axure中无法更改颜色。如果想要不同颜色,比如白灰黑,只好分别做一套。

阅读全文

从用户体验看手机TF卡的消逝

171105_100545

以前设计手机时,正好见证了TF卡消逝历程,根据个人经验,取消TF卡的主要原因是为了薄和外观的整体性。背景是手机的大屏化,以及手机行业竞争的白热化,以致功能差距越来越小,就要靠外观和体验来分高下了。外观属于视觉体验,总的体验就可分成操作体验和视觉体验,下面就以此来解开TF卡的消失之迷 。

阅读全文

交互设计工作实践

171105_133812

设计之难,难于执行,产品之难,难于定位。

阅读全文

应用的更新方式思考

  Android有个很烦人地方,在打开应用时常常弹出更新窗口,把你的事情阻断。更新往往要花几分种,而人的短时记忆时长也就几秒到几十秒,如果你正急着记下某个瞬间闪现的灵感,也许一个弹窗就弹没了,更别说等更新完了。

阅读全文

网页gif动画播放速度差异测试和分析

171105_141936

171105_141949

阅读全文

韵味锁屏动效设计

包含两种解锁方式:

第一幅图是图案密码,比较隐蔽,通过点按小点触发。

第二幅图是滑动解锁,直观明显,若不设密码,则可正常解锁,若设置了图案密码,可设为进入访客模式。既保护隐私,又不拒人千里。

阅读全文

《简约至上 交互设计四策略》读书笔记

171105_160759

一、话说简单

为什么要简单

1.追求简单易用是人类的本性。复杂的产品不可持续。

阅读全文

《暗时间》读书笔记

171105_160046

学习与思考

将阅读时的思考总结下来,摘抄好例子,学习的差距在于花在思考上的时间和深度。

阅读全文