首页

移动UI中的6种主要导航模式

蓝蓝设计的小编

为一本简易的UI模式参考书,《移动应用UI设计模式》非常适合移动应用开发人员、UI设计师阅读,还没买的同学们可以看看这本书关于移动UI设计中导航模式的经验分享。

正如精良的设计一样,优秀的导航也大象无形。不管是浏览好友信息,还是租赁汽车,完美的导航界面设计能让用户根据直觉使用应用程序,也能让用户非常容易地完成 所有任务。一款应用的导航可以被设计成各种样式,但蓝蓝设计想着重介绍6种主要的导航模式,也就是主菜单的导航模式。

navigations

怎样的网站才能打动人心?

蓝蓝设计的小编

最近几年,网页设计发生了翻天覆地的变化,现代设计的趋势从拟物化逐渐向扁平化转移,所以从最近浏览的网页中我们可以发现,网站里的字体变多了,变大了,网页都是以内容为主,最重要的是,网页登陆速度迅速了许多。

而这一切的改变给用户带来了清新、整洁、干净的体验。今天蓝蓝设计大家整理了一些以清新、干净为主题的网站界面设计,它们都用自己的方式诠释了对扁平化的理解,赶紧来看看吧~

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

向左走、向右走?表单元素设计大揭密

蓝蓝设计的小编

表单的界面设计是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢?蓝蓝设计表单元素ui设计大揭密!

标题和输入框常见的排列方式

1. 放在输入框左边,而且靠左对齐

值得网站开发者收藏的JAVASCRIPT图形图表库

蓝蓝设计的小编

图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和Web应用和项目的可靠性。

在这篇文章中,蓝蓝设计收集了值得网站设计开发者收藏的JavaScript图形图表库,适合各种图表需求。其中大部分都是免费而且开源的,希望大家能在下面的列表中找到适合自己需求的JavaScript图表和图形库。

1.  JS Charts

jscharts

网页设计新招式:火力全开!引爆网页中的视频应用

蓝蓝设计的小编

网页设计中使用更多的视频,被认为是2014年的一大设计趋势。当然有一些人会坚持大量使用文本/内容,他们认为内容是网站的根基,其他人则认为需要打破传统,因为访客的好奇心是不会满足于单一的内容铺陈的,需要为访客的好奇心制造惊喜。

无论如何,视频增多文本减少的网站的界面设计在过去的几个月里层出不穷。这样的解决方案有其优缺点,但是至少它引爆了人们的激情。只有时间能证明一切。

蓝蓝设计这里收集了一些新的网页设计的例子,它们带来了更多的视觉冲击,感受下。

案例合辑 

Manaz Productions

该网站毫不犹豫地提供了大量视频而故意削弱了文本量,其实并不奇怪,因为这个公司就是视频制作商,着陆页凸显自己视频制作技巧是很有必要的。

1

网页设计中最常见的30款英文字体

蓝蓝设计的小编

关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外

网站设计的时候,大家一定都会有或多或少的认识。其实不单单是在网页界面设计中,很多移动操作系统和浏览器中都广泛使用了今天蓝蓝设计即将介绍的这些字体。

想必大家也都能猜出来像 Arial、Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧!

相关推荐:
《平面排版时,教你突出中文美感的几种方法第二集(基础篇)》
《那些年,我们一起追过的字体》
《快速上手!制作ICON FONT》

首先,补充个小知识:

1.网页设计中的英文字体,一般有以下五类:

serif(衬线)
sans-serif(无衬线)
monospace(等宽)
fantasy(梦幻)
cuisive(花体)

网页设计中最常见的无衬线字体

在常见的两种字体风格中,衬线体的笔划感太”过”,不是特别的商业。随着瑞士设计风格的大力推广,无衬线字体变得愈发流行起来。

建议: 个人认为 Tahoma 以及 Verdana 字符编码效果最好 ,适用于多种环境

Arial

字体族科:Arial, “Helvetica Neue”, Helvetica

变体:

Arial:有时称为Arial Regular以便与Arial Narrow区别,其包括Arial、Arial Italic(斜体)、Arial Bold(粗体)、Arial Bold Italic(粗斜体)和Arial Unicode MS
Arial Black:此字体的特色在于其笔画相当的粗,包含Arial Black、Arial Black Italic(斜体)
Arial Narrow:为Arial的细瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗体)、Arial Narrow Italic(斜体)和Arial Narrow Bold Italic(粗斜体)
Arial Rounded:包含Arial Rounded Bold(粗体),此字体可在微软韩文字体Gulim找到
——以上来自百度百科

精致的IPHONE原型素材

蓝蓝设计的小编

蓝蓝设计无意中发现这些原型素材,小小地颤抖了一下,感谢网友的无私分享,如果你的作品需要包装并在iPhone上展示,来这儿挑个够吧!

无论哪种角度、哪款样式,都可以在这原型素材中找到,收藏下来,今后就不用到处找咯。

iPhone 5s

instantShift - Beautiful iPhone Mockup PSD Designs

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

蓝蓝设计的小编

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

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然,响应式设计不仅去年是热点,今年依然还会被人们重视。同样,栅格化设计作为最基本的设计,也会被继续延续下去。

这次,蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。

更多留白/负空间

I think I might -

10个小技巧让你瞬间提升网站档次

蓝蓝设计的小编

现在全屏背景的网站界面设计非常流行,如果有同学想要做类似的网站设计,那图片与文字就很关键咯,特别是图片上的文字,从字体选择到配色、排版都需要同学们好好斟酌。
今天蓝蓝设计带来10个小技巧,同学们阅读完可以小试牛刀,说不定加上文字就成了点睛之笔,学起来吧!

你必须首先要有合适的图片,好的排版,知道如何充分利用现有资源整合出最佳效果。如果你觉得你已经做好接受挑战的准备了,那么下面的10个小贴士对你会很有帮助的:

1、添加对比

Pack

1

如何规划网页设计草图

蓝蓝设计的小编

当你在计划设计一个网页设计的时候,不一定要完全依赖电子设备。学会如何手绘可以帮助提高网页设计的效率,给你更多的灵感。
ui设计学院里都会给学生们教授很多基础课程。毫无疑问,很多大型机构或者创业公司都在使用返璞归真的方法来进行界面设计创作。无论你是长期涂鸦的骨灰级高手,还是刚刚起步的素描小菜鸟,能够使用纸张与画笔来进行创作是非常重要的设计技能。不用担心。模仿铅笔功能的一些工具也不是盖的。在这个以设备为主打的时代,还是很大的空间来进行简单又能被认可的设计创作。
实际上,我常常听到很多人埋怨设计师们浪费太多时间与成本在使用PS制作精致的方案草图。手绘则具备更大的灵活性,它可以帮助你在缩减成本的同时发展更具原创性的方案草图。

无论你是在一个大公司工作,或是一位自由职业设计师,通过手绘草图来与顾客交流都是必不可少的。

为什么要绘制草图?

手绘草图相对数字线框图或者电子绘画更有优势。它方便携带,简单易懂,更具创造力,屡试不爽。没有什么比使用笔和纸更简单直接的表达方式了。
我发现,客户更喜欢在获得信息的同时能够提出建议和进行更改。使用电子设备制作出来的图纸看起来接近成品,这样会让客户失去建议和修改的欲望。手绘草图则非常随意,你可以随意修改。

2

日历

链接

个人资料

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

存档