APP界面设计文章及欣赏

12306 APP,我该拿什么爱你?

用心设计

一年一度的春运抢票大战又开始啦!前段时间一个12306手机号码双向核验的消息刷爆了小伙伴们的朋友圈,12306 APP 凭借此举不花一分钱就冲上了 App Store 免费榜首位。

其实我已经很久没用12306官方 APP 了,光看图标那骚气的红蓝配色我已经醉了,打开12306 APP,我的内心是奔溃的,感觉整个人都不好了,依旧是那么的…………… 哔 ..

不说了,发几个截图你们感受一下:

5jay20151211

赞!APP数据图表设计的类型和制作方法全面总结

用心设计

做APP的数据图表设计之前,你考虑过移动端屏幕大小与属性吗?考虑过可视化数据图表,提升APP气质吗?考虑过在APP和WEB端,数据图表的展示有何不同吗?也许你都考虑过,但作为一篇科普文,还是要从最基础的说起。

以数据图表为主的APP有哪些?

前期,yoyo通过App Store、MobilePattern、Dribbble疯狂搜图,积累了以下丰富的案例。

带你深入了解VIEWPORT和PX

博博

刚开始接触移动页面重构,是不是很迷惑应该按照多大的尺寸制作?320、640还是720?按照640的设计稿重构完页面,是不是还需要写其他尺寸来适配不同的屏幕大小?——这源于对viewport和px的不了解。

已经重构了好多移动页面,但是对为什么要按照640的大小来设计页面,不清楚答案。给元素赋予固定的像素值,但是奇怪的是在不同的手机里看起来都差不多大小,不需要另外去适配,真是太爽了。为什么?不知道耶。——这源于对viewport和px的不了解。

APP从业者必知的整个APP开发标准流程

用心设计

具体的我们可以看下这个APP开发标准流程信息图:

 

 

看这篇就够了!2015移动端UI/UX设计趋势报告

博博

不论是在手机屏幕上,浏览器上,还是智能手表的屏幕上,设计都是促使产品和用户互动的最重要的驱动力之一。从扁平化设计到 Material Design ,从小屏幕到大屏幕,我分析了一下设计的趋势演变规律,并同你分享一下我的一些拙见。到底有哪些趋势?这些趋势的存在,对于用户有何裨益?它们将会创建怎样的未来?这就是今天的文章所要探讨的内容。

作为近年设计领域中最具有代表性的设计风格,我们不妨从扁平风和 Material Design 入手,聊聊它们是怎样出现、如何成为现如今的设计趋势。

在移动应用上故事怎么讲才有逼格?

博博

 故事也许是人类最早的叙事方法。大多数人在童年时,故事用来引导他们的行为,了解历史文化和培养社会认同感。”-Form Wikipedia

1.什么是故事(WHAT)

在讨论如何打造故事感体验之前,我们先聊聊什么是故事。

故事(Storytelling)是通过文字,声音或图像来传播的事件。它在各种文化扮演着娱乐,教育,传播文化和价值观的作用。讲故事或许是人类最早的叙事方法。大多数人在童年时,成人都会用故事来引导他们的行为,传授历史文化和培养社会认同感。注1

讲故事是一种解释和分享的方法。这在我们生活中非常普遍。它们可以弥合文化,语言和年龄之间的分歧。例如在教育中,可以通过故事让人更加容易理解。又如远古社会,人类使用纪录和传播故事,这些壁画即使过了上千年,依旧能理解其中部分含义。

故事怎么讲才有逼格?

古埃及金字塔中的。图片来自 forum.china.com.cn

甚至在工作中,通过讲故事的形式,也可以让信息在人与人之间更加的传输。比如说在讨论用户需求的会议上,通过讲故事的手法,产品设计可以将用户需求转化为一个个场景故事,便可以准确的让别人理解。 人类从古至今一直深受故事影响。从圣经到现代小说无不是故事。因此当人的大脑在听到故事时,会产生特别的反应。

在论文《A Theory of Narrative Empathy》中描述到,当人类听到故事时,大脑中的”镜像神经细胞“(一种神经细胞,使人们学会从简单模仿到复杂模仿 -Wikipedia)会异常活跃,促进人类引发共鸣并理解别人的行为,所以故事很容易让人类沉浸其中。注2

设计师必知的3个最基础的APP技术框架

用心设计

到底问题出现在哪呢?这其实是由于我们设计师对App技术框架的知识匮乏所导致的,虽然我们不必做到会写代码,但掌握必要的App技术框架原理,能更有效地帮助我们预判哪些方案可行和实现效果较好,来让设计方案更接地气,让我们一起来了解一下App技术框架都有哪些。

一、App技术框架的类型

18mny20151124

技术与设计齐飞!16个轻盈灵逸的渐变背景网站

博博

仅靠敲代码就搞定背景的网站!得益于CSS技术的进步,现在我们可以敲代码就实现超赞的渐变背景,效果丝毫不输Photoshop,且不受屏幕大小限制,绝对是未来的热门趋势之一,抢先学起来 >>>

渐变的配色怎么办?给你一个在线工具!《新年配色礼包!五款帮你在线搞定配色的WEB APP》

新年刚过,给自己许个愿吧:《新年专属教程!手把手教你绘制简单好学的新年签》

Love Message

Love Message

Niek Dekker

Niek Dekker

无线产品“加载”策略思考

用心设计

1.1 保持过渡的流畅性:一致性与内容感

通过启动页的吸引,将用户带入产品的品牌与情感的世界。基于IOS平台应用的启动特质(放大),Twitter的启动页与Icon采用了一致的 元素与构图(信鸽为物,湖蓝背景为底),确保Icon至启动页的平滑过渡、加深了用户对Twitter的品牌印象,同时呈现“信鸽翱翔蓝天”的意向使得产 品的固有等待(产品启动需要一个过程)不易为用户所察觉(启动页呈现的意向还没遐想完,产品已经顺利过渡到首页了)。接着“信鸽”以同样的效果完成主页内 容的过渡。

 无线产品“加载”策略思考

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档