首页

UI设计六要素

蓝蓝设计的小编

UI是User Interface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器。友好的用户界面,可以实现用户 与网站或者软件之间更好的交互,让软件的操作变得更加舒适、更加人性化。可以毫不夸张的说,UI决定了互联网创业的成败。那么,要如何才能针对自己的实际 情况设计出好的UI呢?

笔者认为,做好UI设计,无外乎以下这六点:

一、清晰的界面往往会给用户留下深刻印象

清晰的界面,这是每一个UI设计师都必须准从的准则。模糊不清,主题不明确的界面是不会引起用户喜欢的。模糊的网站界面,会给用户以混乱的错觉,这样会很 容易引起疲劳。我们可以想一想,一个让用户反感的UI设计,是不是一件失败的作品呢?因此,UI第一要素就是建立清晰界面的思维,从而将这种思维应用到实 际开发之中去。这将会在很大程度上提高用户体验。

如何设计清楚明了的对话框

蓝蓝设计的小编

对话框(Dialog)是个好用又方便的工具,通常用来再三确认使用者的操作动作与决策,以避免一时的手误或误会操作动作的意思,常用于重要动作的确认,例如:「你确定要删除这个联络人吗?」,但若对话框搭配了不适当的回应选项文字,反而可能会造成使用者的困扰与误解,有时还可能做了错误的决定。

对话框最常见的不当界面设计就是选项上的文字出现:「是(YES)与否(NO)」,回想在学生时期考试的时候,O与X在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生是否真的清楚了解,先不论这样的测验方式到底对学习以及知识的建立到底有没有明显的帮助,使用者可不想在开心的使用你的程式或服务时,还要小心翼翼的了解你对话框的内容。

我们当然可以细心的设计对话框中的文字,让使用者清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。那么蓝蓝设计告诉大家如何UI设计清楚明了的对话框。你必须要假设使用者除了对话框上的按钮外,不会阅读任何其他讯息(对话框的标题或是讯息内容)。

网页设计实用线上制作工具

蓝蓝设计的小编

每当你UI设计遇到一些琐碎的杂事时,如果有一些现成的工具可以帮助你在短暂的时间内,快速达到你想要的目的与结果,那对大家来说应该是非常棒的事情,对于网站设计师来说也是有一些网路上实用的制作工具,那么今天蓝蓝设计今天分享一些网站设计实用线上制作工具,帮助你在短时间内达成你想要的UI设计结果。

更多网站设计实用线上制作工具欣赏:http://www.lanlanwork.com/

Min.us

开发人员应该知道5个设计技巧

蓝蓝设计的小编

优秀的编码和优秀的UI设计之间是相辅相成的。不幸的是,视觉设计能力偏弱的人通常会觉得自己缺乏天赋,换句话说,就是人们要么觉得自己具有出众的美学天赋,要么就是这方面的白痴。对这个说法,我可不敢苟同。

如果你在一个小团队里面身兼数职,却又没有多少美学基础。又或者你觉得你们的项目在视觉上还有更多发挥的空间,那么这篇文章就是写给你的。蓝蓝设计将谈到传统的5个消除丑陋艺术设计的元素和原则(或者至少能够进行一定程度的掩盖)

1.来点留白

大多数的开发者并不在意添加空白的像页边距,填充,行高,或者其他任何增加空白的CSS属性。识别出开发者设计的界面设计是很容易的:文本都是紧紧地挨着边缘的,没有任何留白,而且屏幕元素之间是通过直线来实现分割的,而不是空白。

免费的响应式网页设计模板

蓝蓝设计的小编

随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页界面设计展示需要考虑到各个终端的具体差异。

因此,响应式设计受到了大家的推崇。今天蓝蓝设计文中的免费的响应式网站设计模板,希望能帮大家了解这种UI设计技术以及提高工作效率。

更多免费的响应式网站设计模板欣赏:http://www.lanlanwork.com/

1、http://www.html5xcss3.com/2013/01/html5-template-txt.html

这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。

1-TXT

 

帮你完成创意十足网页设计的小技巧

蓝蓝设计的小编

作为一名UI设计师,每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来,我们将探寻2014年的设计趋势,这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流。

这次,蓝蓝设计想探索一下那些逐渐发展起来的UI设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。分享一下帮你完成创意十足的网站设计的小技巧。

更多网站设计技巧欣赏:http://www.lanlanwork.com/

更多留白/负空间

Nate Hanson

网页设计新趋势响应式导航设计

蓝蓝设计的小编

响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案。
而且很多UI设计技术狂人正在不断的进行各种实验,争取让响应式设计越来越好。

响应式设计的难点是导航菜单界面设计。可不能像缩放页面那样缩放导航菜单。在界面设计之前,要谋划好导航菜单在手机、平板、桌面上的布局。今天蓝蓝设计收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的网站设计的导航菜单,是怎样UI设计的。

Harvard University

Harvard University

灵感纷呈的HTML5网站欣赏

蓝蓝设计的小编

现代网站设计技术的发展,使UI设计师的奇思妙想几乎都能得到实现。特别是HTML5技术的支持,使网站界面设计发生了惊人的变化。今天蓝蓝设计收集了一组效果超赞的HTML5网站设计,希望能给你带来UI设计灵感 :)

 

更多灵感纷呈的HTML5网站设计欣赏:http://www.lanlanwork.com/

 madebysource

25 Fresh HTML5 Websites for your Inspiration

设计师必备的响应式网页设计工具

蓝蓝设计的小编

随着便携设备用户的指数级增长,网站设计师采用响应式设计作为多平台布局解决方案,不但节省了UI设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么蓝蓝设计这份工具列表将大大的帮助你,能够让你的界面设计布局更有“弹性”。

 

更多响应式网站设计工具欣赏:http://www.lanlanwork.com/

 

Simple Grid

 Simple Grid-Responsive Web Design Tool

设计师的提高工作效率:10条建议

蓝蓝设计的小编

蓝蓝设计分享的这篇文章虽然原本是”写给自由设计师的10条建议”。
但仔细读下来,发现对于坐班的UI设计师人来说,也很有价值。
提率,收获更好的成果。
 
对于很多人来说,自由工作是梦寐以求的事。能够自由分配时间,无人监督,听起来就很棒。
实际上,在家工作容易缺少动力,而且很多事情容易让你分心,自制力不强的人当不好自己的老板,无法有效的进行个人管理。同样的,自由界面设计师也有相似的问题。

一般自由UI设计师都会列出一堆待办事项,面对长长的列表,很多人感叹工作多得做不完,因此压力很大。下面是几条小建议,让你的自由工作”有章可循”、更效率,同时也能尽情的享受自由工作所带来的的生活乐趣。

1.培养良好的生活习惯

培养的良好的生活习惯,做事才能清清爽爽。对于很多自由设计师来说,良好的生活习惯就是,早上按时起床,充分洗刷,穿好衣服,吃早餐,然后开始坐到桌子前,准备工作了。
不要一起来穿着睡衣就工作,不吃饭、不洗刷你会感到很疲惫,至少,你也要喝点咖啡,喝点热饮。
好的开始确保了一天的工作效率。

2.有规律的工作时间

部分自由设计师很任性,想什么时候工作就什么时候工作,但我认为,自由设计师工作时间必须有规律,工作时间最好设置在上午九点到下午五点之间。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档