10个顶级的CSS UI开源框架

2015-11-30 云云 设计资源

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架,它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了最新的浏览器技术,Bootstrap提供了时尚的排版样式,表单,buttons,表格,网格系统等等。

官方网站:http://getbootstrap.com/

2、jQuery UI - 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架,jQuery UI框架主要提供了用户交互、动画、特效和可更换主题的可视控件,让开发者可以更方便地实现网页交互界面,jQuery UI的整个框架比较庞大,但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮,值得一试。

 

阅读全文>>

标签: 顶级的CSS UI开源框架

评论(0) 浏览(1909)

10条没人告诉你的创意秘诀

2015-11-27 用心设计 行业趋势

艺术家 Austin Kleon 的著书《像艺术家一样去偷:10条没人告诉过你的创意要诀》篇幅不长,却给初出茅庐的艺术家们(有创意的那类)提供了许多有益的指导。

10条没人告诉你的创意秘诀

阅读全文>>

标签: 创意 作品 创意秘诀

评论(0) 浏览(631)

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

2015-11-27 云云 移动设备ui及体验

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

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

阅读全文>>

标签: 移动端UI/UX设计趋势

评论(0) 浏览(802)

进军客厅!智能电视信息浏览用户体验设计初探

2015-11-27 浩浩 行业趋势

designing-tv-user-experiences-1

截至2010年,25%的电视已经连接到网络上,而现在这个数量已经翻倍了。电视现在已经成为互联网内容和社交媒体分发的重要组成部分,我们需要对电视端进行重新审视和设计了。但是,就目前而言,构建和设计智能电视端的Web内容还存在许多设计上的障碍、衍生问题,硬件碎片化的状况则让设计上的工作量增加了不少。

但是面对这个10英尺外的巨大屏幕,最主要的问题还是易用性和轻量级的交互。

阅读全文>>

标签: 用户体验 设计 智能 智能电视

评论(0) 浏览(1470)

UI设计师应掌握的知识体系以及职业规划!

2015-11-26 用心设计 设计理念

随着移动互联网的迅猛发展,使得移动产品设计人员急缺。由于高薪酬,很多其他行业设计师转行做UI设计。

那么到底什么是UI设计?

做UI设计需要掌握哪些知识体系?

如何去学习?

今后如何做职业规划?

是很多新人常会遇到的问题!

针对这些问题,给大家一个比较全面的解释,希望能帮到新入行移动设计的人!

阅读全文>>

标签: 用户体验 交互设计 ui设计 视觉设计 产品经理

评论(0) 浏览(1250)

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

2015-11-26 云云 移动设备ui及体验

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

1.什么是故事(WHAT)

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

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

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

故事怎么讲才有逼格?

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

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

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

阅读全文>>

标签: 产品 应用 视觉 社交 体验

评论(0) 浏览(694)

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

2015-11-25 用心设计 移动设备ui及体验

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

一、App技术框架的类型

18mny20151124

阅读全文>>

标签: 设计 app 设计师 应用 web Hybrid Native 开发

评论(0) 浏览(586)

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

2015-11-25 云云 移动设备ui及体验

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

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

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

Love Message

Love Message

Niek Dekker

Niek Dekker

阅读全文>>

标签: 渐变背景网站

评论(0) 浏览(689)

设计师必看!一个专业设计流程的7个步骤

2015-11-24 用心设计 交互设计及用户体验

根据客户的需求完成一个高质量的设计工作是不容易的,而且大多数设计师知道构建你的有效的时间管理结构是非常重要的。

你有很多方法可以构建这个过程,但几个关键阶段,如调查研究或修订,应始终是你的时间表的一部分。

这里有7个步骤,大多数设计项目必须经过从最初的客户简报中得到一个成功的设计。

1

 

阅读全文>>

标签: 设计 头脑风暴 工作

评论(0) 浏览(654)

超实用的格式塔原理小科普

2015-11-23 用心设计 ui界面欣赏

整体的统一感知:大脑会将复杂的视觉内容简化为容易理解的整体,如图所示;

23gst20151101

阅读全文>>

标签: 界面 格式塔 视觉

评论(0) 浏览(625)

Powered by emlog 京ICP备12006971号-1 sitemap
友情链接:万达娱乐招商  测试  万达登录  万达开户  guoqibee.com  万达娱乐开户  万达招商QQ  万达主管QQ  万达娱乐注册  万达娱乐招商QQ