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

2015-12-14 用心设计 移动设备ui及体验

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

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

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

阅读全文>>

标签: 应用 移动端 数据 图表 图表设计 数据图表

评论(0) 浏览(915)

揭秘双十一!那些上亿人都在看的BANNER都是怎么设计出来的?

2015-12-14 Mechau ui界面欣赏

the-best-banner-design-1

每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我们是怎么做的?请听我细细道来…..

曦村:在设计前期,做大致规划,是很有必要的,在大促中虽然会有很多变化,但,做规划会帮助我们在大方向上不出错,这次,从了解业务背景及节奏 – 前期风格创意设定 – 突出品牌增强识别度 – 制定规范提升效率等几个方面去做,有了这个框架,这一次的设计过程还是相当丝滑滴!那具体是怎么做的呢?

阅读全文>>

标签: 设计 banner

评论(0) 浏览(844)

超实用!APP数据图表设计的类型和制作方法全方位总结

2015-12-11 Mechau

app-chart-design-summary-1

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

阅读全文>>

评论(0) 浏览(1370)

停止不必要的UI动效设计

2015-12-9 用心设计 交互设计及用户体验

短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。

我们将在下文中,简单探讨如何改善下面的这个交互。

相关好文推荐:盘点那些应该杜绝滥用的设计

1-Example of Poor UI

阅读全文>>

标签: ui设计 交互 动效设计 动效 动画

评论(0) 浏览(1540)

带你深入了解VIEWPORT和PX

2015-12-9 梅花 移动设备ui及体验

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

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

阅读全文>>

标签: 像素 viewport 了解VIEWPORT和PX

评论(0) 浏览(1261)

为可视化数据寻找适合的配色

2015-12-8 用心设计 设计资源

然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。

在Graphiq,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信息,它们有着各自迥异的视觉表现。

阅读全文>>

标签: 配色 色彩 颜色 数据 图表

评论(0) 浏览(1510)

14个沉稳蓝色pad软件界面设计欣赏

2015-12-5 蓝蓝 随笔的一些文章

每当要设计一个软件界面的时候,设计师收集资料是必然的过程。最近北京蓝蓝设计要一个沉稳严谨的pad端软件界面。

于是国内外网站找了许多资料,集合一起,与大家分享!

1

Preview.jpg

阅读全文>>

标签: pad软件界面设计欣赏 沉稳蓝色软件界面

评论(0) 浏览(5106)

实战干货!怎么让引导页不再是无用小透明?

2015-12-4 用心设计 移动设备ui及体验

cover

阅读全文>>

标签: 界面 用户 应用 页面 引导页

评论(0) 浏览(1533)

极速上手!120个PHOTOSHOP技巧帮你加速设计

2015-12-4 梅花 设计资源

Photoshop越来越强大了!试图掌控它的全部特性是不现实的(更何况有那么多隐藏的功能!),那么我们不妨收藏一下大神们总结的这120个PS技巧,偶尔翻看一下,让自己的设计更强大更高效!

这120款技巧覆盖了PS绝大多数的主要功能,这些功能你很熟悉,但是明白它们的细节,掌控发招的捷径,修图作画的时候说不定能收获奇效呢!

在此之前,我们不妨先快速温故一下PS的基本功能:《PS速成秘籍!如何在两小时内搞懂PHOTOSHOP基础工具?》
see-more-ps-feature-2h

阅读全文>>

标签: PS技巧帮你加速设计

评论(0) 浏览(929)

惊人的“雷同”!网页设计与西方建筑的相似发展历程

2015-12-4 梅花 设计资源

不得不说,历史总是惊人的相似!西方建筑和网页设计同为工程与艺术的综合体,两者的发展历程如此之相似,和以下四个因素有着不可分割的关系:

  • 都为用户提供了一个场所

  • 都借助工程学构来构建他们

  • 科技的进步是他们的发展瓶颈


  • 尽管如此,它们仍然是艺术的一种展现形式


在这些设定之下,你可以清晰地看到建筑和网页设计的发展路径是极为相似的。所以,如果你想了解网页设计会向何处发展,看看过去的那些建筑就知道了。

一、新石器时代——简单而有限的结构

1

在这个阶段,能把东西构建出来就已经是壮举了,除了尺寸和位置这样的变量,并没有什么花活。

阅读全文>>

标签: 网页设计与西方建筑的相似发展历程

评论(0) 浏览(897)

Powered by emlog 京ICP备12006971号-1 sitemap