UI设计中的框架、栏、视图与控制器

一、app框架

在前期,我们要慎重考虑我们的app框架设计,在设计app框架时,产品经理和设计师需要着重从范围层(功能规划)、结构层(交互设计)、框架层(界面设计、信息设计)、表现层(感知设计)来分析(当然,战略层主要由老板来想了)。

常见的app框架有列表、网格、屏幕轮显、标签导航、tab导航、抽屉导航、卡片、泳道、堆叠组合。 继续阅读“UI设计中的框架、栏、视图与控制器”

我的 2018

当我回首我的 2018 年是如何度过的时候,我总免不了不能直接面对,想查看一下我的 2017 年、2016 年是如何度过的,我甚至看到了我的 2013 年的总结,都是草草了事,不太像认真对待岁月的态度。

这是一种对时光的眷恋,都想留住,可是终究谁都没有办法,变成了一种文字纪念,开始逐渐去适应这些。

继续阅读“我的 2018”

购买人生第一辆新车:东风日产轩逸

缺失 8 天

2019-01-31

2019-01-30

2016年12月23日,国家环保部与国家质检总局联合发布了国标GB18352.6-2016《轻型汽车污染物及测量方法(中国第六阶段)》,该标准公布了第六阶段轻型汽车的排放要求(国六排放标准)的具体限值、测试方法及实施时间。

https://www.autohome.com.cn/news/201811/924502-all.html

乱语:株洲的空气不好,还是深圳的空气好啊。

继续阅读“购买人生第一辆新车:东风日产轩逸”

输入框的细节

输入框类型包括:信息输入框、注册/登录输入框、搜索输入框、原创输入框、对话输入框以及其它;

文本输入框使用场景多,交互频次高,是基本的界面控件之一。

每一个界面都分别对默认、输入和反馈三个状态进行设计。输入的结果我们常常用颜色来反馈,比如蓝色代表链接,灰色代表失效,绿色代表正确,黄色代表提示,红色代表错误。下面是一些设计中需要注意的细节:

一、标注键盘类型 继续阅读“输入框的细节”

记一次去广州

广州有个别称叫“羊城”,一直没有弄明白这个城市和羊怎么扯上了关系,难道是烤全羊比较出名?所以我特意查了一些资料,有一个故事是这样说的:

古时候广州出现了旱灾,颗粒无收,有一天五个来自未来的仙女驾着仙羊而来,为广州带来了雨水和丰收,所以广州人以此感恩,又名“羊城”。

但是驾着仙羊的仙女是什么人,来自哪里,为什么驾羊,通过什么手段带来的丰收,我又完全不得知了,而且这又是另外一个故事了。只能以此知道,广州是一座有底蕴的城市。

来自我的瞎编

于此可见,去广州之前,我是做过一番功课的。

继续阅读“记一次去广州”

Hello, 2019

这个月缺失 9 天

2018-12-31

岁月不居,时节如流,2019 年就要到来了,我在曾家村,向大家致以新年的美好祝福,愿大家继续做时间真正的朋友,和时间有说有笑、有吵有闹、有开始,也有美好的结束。

https://v.youku.com/v_show/id_XMzk5MDg2NjcyNA==.html

2018-12-30

一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

https://github.com/overtrue/share.js

乱语:有其它更好用的相关工具吗? 继续阅读“Hello, 2019”

svg 学习

最近在学习 svg,写了一些 demo,记在这里,还挺有意思的。

以一张 svg 开头:

zengxiaoluan.com

标签 text 、tspan

示例中的图形是一个正弦函数,公式如下:

$y = asin(bx + c)$

公式中的 a、b、c 如何影响图形,我就不解释了,我先回去翻一下高中课本。

See the Pen svg-text/tspan by zeng (@zengxiaoluan) on CodePen.

继续阅读“svg 学习”

Gutenberg 编辑器很难用啊

这个月缺失 13 天

2018-11-30

缩进到底是 tab 好还是 space 好呀?求各位大神解答。

后来我想了想,觉得还是用空格好,没有特殊要求还是用空格。

https://eslint.org/docs/rules/indent#enforce-consistent-indentation-indent

2018-11-29

VueConf 2018 杭州(第二届 Vue.js 开发者大会)于2018年11月24日在杭州举办,本视频为 Vue.js 作者的演讲视频。

https://www.bilibili.com/video/av36787459/

继续阅读“Gutenberg 编辑器很难用啊”

UI设计规范汇总

UI,也即用户界面(User Interface,简称UI,亦称使用者界面)是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。UI包括了GUI(图形界面设计) 、UE(用户体验设计)以及ID(交互设计),在现如今的UI设计往往说的是GUI设计。一个公司的UI设计师与交互设计师往往都需要了解UI设计规范,大多公司对于UI设计师的要求一般包括“熟悉主流平台的UI设计规范”这一要求,那么在相应平台上遵守 iOS 或 Android 设计规范对用户来说很重要吗?

继续阅读“UI设计规范汇总”

generator 和异步回调

在我们日常的前端开发中,异步回调是不可避免的操作,会严重影响我们的编程体验和代码的维护性、阅读性,而 promise 和 generator 可以在一定程度上解决这个问题。它们没有那么神奇,只是代码上的一些小花招,现在我们具体来看看 generator 是如何解决异步回调的问题。

继续阅读“generator 和异步回调”

一些排序算法

记得有一个明星程序员说,做一个 web developer 是不用学习数学的。那么自然也不用学习算法了。作为一个前端,在实际工作中确实很少实现什么排序算法,因为在 JavaScript 的语言层面,就已经实现 sort 函数了。但是学习这些排序算法,依然有助于我们理解这些语言相关内置函数的原理。 继续阅读“一些排序算法”