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

一、app框架

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

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

输入框的细节

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

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

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

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

UI设计规范汇总

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

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

澳门游

前一周已决定好去澳门,但是因为工作和看剧,没时间做攻略,早上上班的时候百度了一下,这是文章地址:https://zengxiaoluan.com/from-shenzhen-to-macao/

早上本来说七点出发,结果磨磨蹭蹭到 7 点半,后来又下了暴雨。男票穿着我买的阿迪达斯拖鞋出发的,我担心赶不上渡轮,非要下雨也走,他担心我鞋湿透影响出游的心情,于是几次要背我去地铁站。坐了一个多小时到达蛇口口岸,不熟悉公交行驶情况,害怕不能及时到达,就被路边的小黑车——电动摩托吸引了过去,十块钱。 继续阅读“澳门游”

香港一日游后续

所有愉快的、不愉快的也都过去了,这只是我们的香港一日游。

上午 7 点多从家里出发,十多分钟步行路程加 20 分钟地铁到达福田口岸,一路上顺风顺水,在落马洲站给地铁卡充值,我们只有 100 面值的现金,于是只能各交了 100。香港的交通成本太贵,加上卡里本来剩余的几十块钱,到归来之时已基本花完(同样路程时间,在深圳应该不超过十块)。

东铁线行驶时间较久,途中有一家人很闹,开始觉得气氛愉快,但后来也烦了,我忍到最后几站时,男票恶狠狠地跟他们提出了意见,换得了两站的清静。

继续阅读“香港一日游后续”

怎么截取整张网页

(可能仅适用于谷歌浏览器)

之前试过几种截图扩展,但是常常会出现很多问题,比如截不全、被压扁、被裁剪。

今天发现谷歌自带截图功能。

  1. ctrl+shift+i,打开console 按 Ctrl + Shift + P 然后搜索’full’ 找到对应的截图按钮。
  2. 也可以切换设备预览模式(Toggle Device Toolbar),然后单击最右侧的三个点,选择 Capture full size screenshot。

(然鹅,一些效果比较多、带有视频和很多炫酷交互动效的网站用这种方式截图会黑掉一部分)。

AE使用中能提高效率的一些神器

脚本:

1、motion2

这个脚本我最常用的就是它的中心点重置、弹性功能。其他的在交互动画很实用。

MG神器!AE插件—Motion2超全面使用方法

2、True Comp Duplicator

一个复制合成脚本。

之前写过一篇文章:AE合成的一个使用技巧

继续阅读“AE使用中能提高效率的一些神器”

最近为给视频配音伤透了脑筋

最近为给视频配音伤透了脑筋。

作为一个视频制作菜鸟,我第一个剪辑居然是用AE做的。

直到做完了才意识到我应该去尝试使用premiere这种易上手的软件的。

然后我就学会了使用premiere,随之而来的是另一个难题:给视频配乐和配音。 继续阅读“最近为给视频配音伤透了脑筋”

让我们来谈谈移轴摄影为什么让人感觉是小小世界?

首先,我们看看移轴照片给我们的视觉感受。

  • 场景大,画面广,没有变形
  • 虚实对比强烈
  • 没有近大远小,都很小
  • 画面清晰

那如果是我们不用移轴镜头去拍这样一张照片,需要怎么做?

我们需要:

  1. 一个超长焦广角镜头
  2. 拍摄者近处无遮挡物体
  3. 调大光圈
  4. 上帝视角(并离你所要拍的场景非常远)
  5. 后期修正并裁剪、增加饱和度、对比度和锐度

不过这个条件,其中124点我们想达到还是有点难度的。我们没钱,但是我们聪明呀!怎么把一张比较适合的普通的场景修成移轴照片呢?

贴上教程:原教程链接       翻译版链接

视频转场

一部很好的电影,你仔细去看,他们的转场肯定是很有意思的。

我在制作/剪辑视频的时候,只用过淡入淡出,这也是因为我是新手的缘故。

今天看到了一篇文章,讲解大师是怎么转场的,分享一下。

继续阅读“视频转场”

如何用AE制作出抖音的一些视频特效

抖音刚火的时候玩了几个小时,主要是模仿别人的手语。抖音有一些好玩的特效供我们选择,那么我们在工作中需要用到这些效果做视频怎么办呢?

NewBlue 公司做的一款插件可以用得上:视觉特效+转场插件包 NewBlue TotalFX 3.0。下载地址:http://www.lookae.com/totalfx160320/

b站有一个视频教程:教你如何制作抖音的特效