首页

超赞的IPHONE6概念设计欣赏

蓝蓝设计的小编

一如往常,设计师们会对自己希望或者是预期见到的东西做一个原型设想,这些iPhone6概念就是其中的一个原型。不过,关于这些独特的设计有些东西不得不说。

那么新iPhone理念中与众不同的东西是什么呢?大家能注意的最瞩目的就是它在外观上像极了iPhone5,但是屏幕一直环绕到手机边缘。我个人认为这种设计非常简洁,但是从实用性的角度来说,在使用上这个设计未必会很好。不过这一点也恰恰是一直以来我所谈到的用户体验主张。

大家可以从下面的图片中看到,一些设计者把那个空间用于小按键的社交媒体,其他的空间则延续了他们界面的漂亮背景。这种手机边侧延伸非常符合审美,虽然让如此狭小细长尴尬的空间派上更大的用场实在难之又难。

效果图片

因为配色中温暖的红色基调,整个上面的界面非常丰富。顶上的背景极为有趣,很好的应用了不同颜色配搭撞击出来的效果。看到它,你便会被深深吸引。总的来说这个界面并没有太过的地方,因为除了一个简单的三角形标志,一个标题和一个订阅按钮再没有其他东西了。


这张图片展示的是不同寻常的twitter界面,但是它和ios7的设计风格保持一致。大家可以看到twitter app的功能是一样的,但是崭新的涂漆让它看上去像苹果自己的新设计一样。这张图片很不错,我尤为喜欢那些小巧的解说箭头,它们增添了些许设计触感。你是不是也这样觉得呢?

让等待也成为享受!18个读取进度条的优秀设计案例

蓝蓝设计的小编

读取进度条设计的好坏直接影响着App的用户体验,因为它可以合理的疏导用户等待的焦虑情绪,通过一种有趣的美学体现程序运行的进度,这样用户就能稍微安心。

调查表明,用户需要进度指示器,尤其是当处理不同的应用程序时。因此,完全的理解进度指示条的趋势对我们来说至关重要。

进度条是多媒体播放器的基本组件,能够允许用户控制媒体播放的进度与流程,快进,或者快退。进度条的图形表现力非常重要,目的就是为了提高用户的趣味性,与此同时构造更好的人机交互界面。

在本文中,我们收集了一些美妙的手机App进度条案例,具有不同的风格和特性。下面我们来一起欣赏吧:)

Smart washer app UI by Hyelim Choi 具有强烈的模糊效果,为的是提炼背景的质感,轻微的透明感,白色的纯洁性,稍微加入了一点粉色,给整个App以热情、女性化的感觉。

Smart-washer-app-UI-by-Hyelim-Choi1

dB-METER by Miguel Pires. 高亮的中心,临摹的仪表,非常好的打破了用户的无聊等待时间。精妙的线条韵律以及完美的细节处理让整个UI看起来很精致。

dB-METER-by-Miguel-Pires

Charging Animation by Corey Lui看起来既整洁又引人注意,具有可爱的写实风格。 绿色的震动的动效用来阐明程序的进度,吸引了用户的注意力,分散了等待的焦虑。

Charging-Animation-by-Corey-Lui

iOS7 design practice by Muhammad Farhan 纯净的感觉,采用了Flat风格的设计,使用了平化的图像,精巧的色调,纤细的字体。硕大的圆环轨道条占据了整个界面的中央,让数据看起来非常的卓越不凡。

换手机

蓝蓝设计的小编

蓝蓝写

       iphone4升级后激活不了,成了一块传说中的黑砖。在悲催的那个夜晚,真觉得乔布斯害人不浅,又服气日本软银孙正义(iphone在日本的总代理)公司高人可以把有锁版写的没有bug,现在无可破解。在询问三个维修点后,放弃了恢复手机数据的念头。手机上1324条联系人,有多少人是经常联系的呢?有多少,是想什么时候打过去,就可以打过去的呢?随遇而安,既是一种境界,也是无可奈何,明天太阳依旧升起,一切继续,多少事情等着办,安不安心都得去做,还是安心认命的好。人生大抵如此。有些人因缘际会,又吹散在风中。有些人总是在自己最需要的时候出来,帮助自己。

       感谢我的好邻居,晚上10点钟我去了二家,借来3个手机-iphone4、诺基亚、摩托罗拉、邻居夫妇陪我弄到11点,当时我应该真是好无助。后来心里又好感动,温暖。以前经常一起活动的缘缘小朋友的父母,我们的邻居,近年种种事务繁忙,大家都在创业,已经很少一起玩。在关键的时候,很难想象,如果没有他们的帮助,我怎么办?

    感谢我的好伙伴,慷慨的把一部3000多买的摩托罗拉新手机送给我用。不过我用了以后觉得用户体验不好,还是决定再买一部。

     周六参加了中国移动开发者大会,会上主持人插播了一段笑话:有钱没文化,请用诺基亚; 谁想发神经,赶快买三星; 买了西门子,准得恶心死; 你要买索爱,两月保准坏; 要想死得早,谁就用波导;找不着人嫁,赶紧用松下; 头脑不发达,别玩多普达;想找乔布斯,就买iPhone4;要想有人爱,必须用山寨!

    笑了之后更加坚定要买魅族MZ3的念头。详细询问了一刚买了魅族MZ3朋友之后,昨晚1030在京东买了一部魅族xz3,今天上午送到,大屏、用户体验好,安卓系统,连包装都那么漂亮、创新。真好!

     周五正好谈好了一个手机安卓系统的界面设计工作,出于工作需要,我需要一部创新的、好用的安卓系统手机,去下载尽可能多的应用软件,去体会、分析。用了摩托罗拉的某款智能手机后,让我真切的感受到界面设计者工作的重要以及必要,那么难用的手机,糟糕的用户体验,难怪摩托罗拉江河日下….

     

    周六中国移动开发者大会,分别在安卓和ios听了几场讲座,还因为提问,得到一本厚厚的《ios开发指南》,了解了一些xcode在设计中的应用,很开心。美中不足的有一个人想用另一本书和我换,我没有答应,回来后有点懊悔,我先借给他看,再还给我不就好了,还可以多认识一个朋友。

     手机以后将与台式机平分秋色,人们在手机上处理的事务将越来越多,我要好好学习,掌握更多安卓、ioswindow8系统知识,设计出更好的手机应用,让人们使用更快更好的软件产品!这是我的使命,也是蓝蓝设计全体人员的使命。

经验分享:响应式排版中的基础知识

蓝蓝设计的小编

经验分享:响应式排版中的基础知识

Arrietty:当我们建立网站的时候,我们一般从定义正文开始。正文的定义显示了你的主栏有多宽,其它几栏的大小就随它自己内容定义了。直到最近,各种屏幕分辨率或多或少是同质化的。如今,我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。

在重整旗鼓的热情中,我写了一篇关于响应式排版的博客,这篇文章主要专注于我们最近的实验:响应式字体。如果不知道IA的历史,你可能会错过我们新启动的网站中的响应式排版和设计的一些关键点。我决定从头做起,一步一步解释响应式排版,而不是整理所有文章。以下是第一步。

让设计和实际不再有误差,前苹果设计师Distler 推给设计师的设计工具 Context

蓝蓝设计的小编


软件在提高专业人士办公效率的同时,也降低了许多创作型工作的门槛。比如由 FiftyThree 推出的Paper,它甚至可以帮助没有美术功底的人,通过 Paper 来有效且直观的沟通设计想法。

同 Paper 类似,由苹果及 IDEO 前包装设计师 Distler 推出的这款Context (只有 Mac 版) 也想提高设计师的工作效率,同时降低设计的门槛,让普通如你我的人过一把设计海报、书皮的瘾。

简单来说,通过 Context,你可以实时查看你所设计的图案在酒瓶、徽章、巨幅海报、各种不同材质纸张和现实背景下最终呈现的样子,且可 3D 查看。这样做的好处就是,设计师再也不用等样品制作出来,才能判断自己的方案是否真的可行了,即提率节省时间,也能节约成本 (演示视频如下)。

Context 背后同时使用了 3D、2.5D 和 2D 技术,帮助用户实时多方位、更直观的感受自己的作品。而相较一切需要从头开始的 Photoshop,Context 提供了很多表面材质和物件供用户任意搭配选择,节约了大量搭建背景的时间。

网页设计中图片格式的选择技巧

蓝蓝设计的小编

网页设计中图片格式的选择技巧

网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。

以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用…」的功能。与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项:


相信许多人都知道网页设计中最常用的格式不外乎 JPG、GIF、PNG 等格式,但并非所有的人都知道他们之前的实际差别跟到底何时该选择何种格式。经常发生的情况是,选择 GIF 后的输出结果看起来变得很糟,于是 PNG (24)似乎突然间风行了起来,不论图档尺寸是不是因此多了好几倍。


JPEG

由于旧型计算机系统以及文件系统的限制,计算机档案文件名与扩展名被规定为 8.3 的格式,因此 JPEG 的附档名被缩写为 .JPG。JPEG可以说是人们最熟悉的图档格式了,相信在数字相机普及的现在,几乎每台数字相机、照相手机都可以(甚至只能)输出 JPEG 格式的图档。JPEG是一种很典型的使用破坏性压缩(lossy compression)的图档格式,也就是说使用者每次进行 JPEG 的存档动作后,图档的内容都会遭到破坏,这个特性在肉眼辨识下并不明显,但却可以有效的降低图档的档案大小。

IOS用户体验设计:如何构建交互模式

蓝蓝设计的小编

Isolated blank book front

如何构建交互模式(选自《iOS用户体验设计》)

一个工作流可以产生大量的交互模式,在功能上每种模型都可以很相似,但在用户体验上差异就会很大了。如何通过具有特色的交互方式创建超越同类用户体验的应用就显得至关重要了。

工作流的定义是所有交互设计活动的基础。我们就是在定义工作流的过程中确定用户与应用的交互方式。你可以根据想要实现的目标,在多种不同的层次上对其进行定义。在有些情况下,你只需要抽象地定义工作流,而不必关注其功能细节和具体的交互方式。这对确定功能集和一般流程之间的关系是很有价值的。而在另一些情况下,你则需要定义用户可能会碰到的所有交互、事件以及状态变化的逻辑,以清晰地勾勒出整个应用程序的操作方式。

亚马逊购买《iOS用户体验设计》

为了进行交互建模,你需要更为详细的工作流,而不是抽象且高层次的工作流,但也不需要过于详细。交互模式的详细程度取决于应用的性质。下面详细剖析如何构建交互模式:

如前所述,交互建模是对应用的整体交互行为进行定义,并规范如何运用或规划这些交互行为来为用户创建具有一致性的、易于理解的交互模式。《iOS用户体验设计》第2章介绍了作为iOS用户体验基础的概念模型和空间模型。分层平面和空间模型这两种概念共同组成了iOS的基本交互模式。可以看到,如果你能够合理运用这些概念,它们就能发挥出巨大的力量。(参见图1-1)

ue1

图1-1 iPhone中体验到的iOS空间模型

Default Plane 默认层
Underlying Plane 隐含层
Superimposed Plane 叠加层

在开始交互建模时,你需要以一种抽象的方式进行思考。你不需要考虑具体的功能和内容,而要考虑应用所可能采用的各种不同的交互行为,由此来了解如何使用它们来控制界面上的元素。iOS为我们提供了大量的可选方案,比如,缩放、拖移、轻扫、滑动和滚动,等等。无论是单独使用还是结合使用,这些手势都可以用来创造出有趣的效果和截然不同的交互方式。

利用多种网络营销方法做推广

蓝蓝设计的小编

今天小编与大家分享一个利用多种网络营销方法来做推广,本次小编只用了百度知道、新浪博客、新浪微博三个方法,使微博的信息在百度搜索首页中获得短时间的排名。现在分享一下操作流程,有兴趣的朋友可以去尝试一下。

首先,在百度知道找到你要回答的问题,根据提问进行详细的解答,最好是超过100汉字以上,越详细的解答在百度知道通过率是非常高的。百度知道问答的技巧在这里不多说了,回答问题不要想留链接、留联系方式,你要想着是怎么将品牌词更好的,更自然的加入到问题中。如下图片:

百度知道问答技巧

然后,将百度知道的问题Copy到新浪博客,稍对内容进行修改,并做好关键词锚文本。在博文中做锚文本文章一旦收录就可以给该关键词投票,做得越多,该关键词就可以获得好的排名。博文编缉以后就可发布博文。

最后,新浪博客更新的文章就会自动发布到新浪微博,这个前期需要新浪博客与微博是关联的,才可以做到自动发布。微博发布以后,百度收录了新浪微博的信息就可以获得好排名,然有些并不一定会在首页获得排名,有些会在第二页。

网站外链建设有哪些常用的方法

蓝蓝设计的小编

百度Lee的“谈外链判断”一文发布,确定哪些是垃圾外链和作弊外链。我们在日常网站优化中如何更好的、有效的增加外链呢?下面小维跟大家说说有哪些常用的方法增加外链。

1、友情链接

友情链接无非是所有的外链中最有效的一种外链建设,友情链接的交换一定要交换高权重、相关性强的网站。友情链接交换时可以将几个难做的关键字多交换几个网站,企业网站建议友链在20-30个左右,电商、门户等大型网站可以在频道多交换友链。友情链接可以提升关键字的排名,PR值的等级。

2、软文

软文营销也是一种不错的扩展外链的方法,软文可以提升品牌知名度、辅助SEM,还可以增加高质量的外链。一篇好的软文在底部留下你的网站链接,然后发布到相关的新闻源、门户、高质量的论坛。软文一旦收录,将有可能被站长、网友转载。软文被转载以后,网站的链接也会随着转载过去,软文转载越多,外链也会增加的越多。软文运用好的话,效果是非常不错的。

3、论坛发帖、签名、回帖

在论坛发帖、签名、回帖也是可以增加外链的。在论坛发帖、回帖不是所有的论坛都可以发布链接的。在我们注册论坛、准备发帖时,我们一定要阅读、了解该论坛规则,避免在发帖时违反该论坛的规则,而删帖、封号等情况发生。软文+论坛的配合也是最佳的搭档。在论坛发帖要选择与网站相关、人气高的网站发帖。帖子容易收录,也可以获得额外的效果。

经验分享:让网页设计有规律可循

蓝蓝设计的小编

这是Suyee同学的一篇老文章了,而分享总结的经验还是很值得大家思考,千万不要养成旧文就不读不看不想不练的习惯,这只会禁锢双手,麻痹大脑。
收藏再多新文章,却不去看,还有何意义呢?

开篇啰嗦了一下,但这的确是很多同学们需要改正的坏习惯。2013年就要过去了,回首看看,今年你在思想认知、设计手法、团队协作、沟通演讲上有了哪些进步。

相关阅读:
思想认知:《电线杆上的用户体验设计》
设计手法:《设计要出彩?来看八大创意理论应用篇》
团队协作:《团队合作中用photoshop时应该注意什么》
沟通演讲:《写给设计师:如何与工程师一起工作》

好咯,进入正文:随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。我们可以来找找这些网站的设计是否有规律可循。

可以从几个方面来分析:

色彩

Amoderneden

从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务。

Paraply

他们为用户的当前位置提供降雨预报服务。忧郁的蓝色预示着雨雪的降临,与雨伞保护感强烈的红色相对比显得相得益彰。

日历

链接

个人资料

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

存档