如何将脑海中的 UI 效果实现出来的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3223 天前的主题，其中的信息可能已经有所发展或是发生改变。

平常使用 App 的时候，会看到一些体验比较好的 UI 效果，或者是比较炫的效果，
又或者是自己 yy 出来的效果

这种情况下，我会想应当如何实现

但问题是，有时候对实现毫无思路，应该是缺少了某一块的知识

那在没有找到源码学习的情况下，应该如何找到对应的知识并建立起实现思路呢？

大神们，请赐教！ ^_^

效果

赐教

实现

思路

14 条回复 • 2016-01-21 18:41:55 +08:00

SpicyCat

2016-01-20 10:12:35 +08:00

这。。。期待大神回复，要是有解决方案那前端无敌了。
个人感觉还是要先细化你设想的 UI 效果，总是能分解成已知效果的集合，然后善用 google 搜索。
另外平时多接触些 App ，留意各种效果的实现方法。这种事情，平时没有积累很难有创新啊。

zwhu

2016-01-20 10:18:12 +08:00

这个...

记得曾经听过一句类似下面这个意思的话：

绘画就是表达自己心中的所想，没有人能完美画出来自己想要的东西，大师之所以为大师，就是最能接近画出自己心中所想。而成为大师唯一之路就是不停的绘画。

XianZaiZhuCe

2016-01-20 10:48:01 +08:00 via iPhone

练习，迭代

fakefish

2016-01-20 11:12:41 +08:00

画出来

YYYeung

2016-01-20 11:23:17 +08:00

@SpicyCat 看来自己还是想得太多，做得太少了 >_<

YYYeung

2016-01-20 11:25:34 +08:00

@zwhu 嗯？难道是一不小心问了一个前端界的哲学问题？😆

Andy1999

2016-01-20 11:25:53 +08:00 via iPhone

做个动画然后请个前端写出来

elviscai

2016-01-20 11:33:44 +08:00

这不是一个纯技术问题啊……只说「特效」——

首先你要明白动画的原理；
然后是交互的原理；
最后才是动画+交互的技术实现（及其优化）。

理解原理才有「分解」，有了「分解」才有「实现」……（听起来好像《钢炼》……）

eddiechen

2016-01-20 12:22:26 +08:00

从技术层面来看的话，那么就是平时的积累

jamiefang

2016-01-20 12:58:42 +08:00

可以试试先用 Origami 做出来。
比如最近做了这样一个动画 https://dribbble.com/shots/2468021-Dashboard-Filters

IgniteWhite

2016-01-20 15:16:31 +08:00

……敢情楼主是文科生？术业有专攻，做技术不研究 Storyboard 和 Cocoa ，就像是建筑设计离开了土木工程。技术和艺术相辅相成，但不能混为一谈。

hoogle

2016-01-20 16:52:09 +08:00 via iPhone

画出来先，凭空写代码感觉不现实

YYYeung

2016-01-20 21:29:11 +08:00

@IgniteWhite 也是理科生一枚，不过是 iOS 开发的菜鸟，敢问对于 Cocoa 的学习，有什么好的方法或网站推荐么？或者对于初步理解 Cocoa 有帮助的，感觉直接看文档比较生硬，不知道应该如何下手。。。

IgniteWhite

2016-01-21 18:41:55 +08:00

@YYYeung 软件开发可以说是科学界学习材料最充盈的领域……比如斯坦福的 Swift 公开课是免费的。