首页

如何让WEB链接完美的跳转到APP

蓝蓝设计的小编

在智能手机出货量超过PC和功能手机、用户使用App比例超过80%以上的情况下,智能手机App绝对成为了人们生活的主角。对于PC、平板、智能手机之间的跨平台无缝体验,很早之前开发者就开始关注了。比如Evernote会开发几乎所有平台的软件版本,来保证用户在使用各个平台时可以无缝切换;另外Chrome 桌面版和手机端也可以同步数据,我在电脑上打开几个网页,换到手机上时仍能看到那几个网页。

虽然很多人都认识到了App的重要性,但从PC到手机App,这中间仍然存在着很大的体验断层。PC段到移动端还有很多事情要做,比如接下来讲的:当大量App内容被分享到微博、微信上之后,如何从PC或手机上的网页链接完美切换到App。

Instagram

漂亮的APP应用网站

蓝蓝设计的小编

很多iPhone应用网站的UI设计都颇为精美,朋友们们不会有什么意见的。看来那些UI设计师们都敞开胸怀迎接“苹果style”,创造出干净简约又优雅的网站设计。可不嘛,作为一枚合格的设计师,他们才不会随随便便弄个网站界面设计展示他们的app呢,都卯足了劲设计出新颖的版式,配上美美的图片、大量留白和恰当的字体。今天呢!蓝蓝设计将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站设计!

dcovery

这可是规划旅游方案的一枚利器,等你到了目的地还能靠它探索更多乐趣。

21 Beautiful iPhone App Websites

不同情境的列表设计

蓝蓝设计的小编

蓝蓝设计将分析列表在各种情境的界面设计方法,以及需要注意的事项。

列表常见的使用情境

  1. 概观:浏览较多的的信息时,列表可以提供一种概观性的的方式来呈现内容。
  2. 逐一浏览项目:用户可能逐一或随机的的阅读信息,就像是 Facebook 动态信息。
  3. 搜寻:用户可能在列表上寻找他们想要的信息,就像是 Google 搜寻结果。
  4. 分类与过滤:用户可能正在分类信息或者使用一些方式(档案大小、名称)过滤内容。
  5. 项目的整理、新增、删除与分类:用户正在整理信息,此时很有可能需要多选、搬移的辅助功能。

模式1. 双面版选择器

双面板列表是一种将列表区分为两个区域的一种设计模式,用户可以自由在第一个面上选择项目,第二个面版上会显示面板一选择的项目内容。

优点

  • 操作非常的有效率,不需要来来回回的在不同列表切换。
  • 减少用户记忆与认知的负担,使用者不必了解内容在列表上的位置,也不需要学习如何返回列表。

缺点

  • 需要比较大的屏幕时才能支持。

交互设计中如何增加趣味性、提升愉悦度?

蓝蓝设计的小编

「好的产品关注功能,优秀的产品关注情感」

趣味性、愉悦度,这些都是针对用户情感化设计的领域。

功能、实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐、愉悦、悲伤、美…

花、大海、春天、小屋… 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在界面设计过程当中所遇到的各种元素,按键、菜单、icon、动态效果… 将它以诗意的方式组合在一起,由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种界面设计,直达内心的UI设计能够影响用户自身的情感,从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人,为什么?因为人的本质是非理性的,逻辑是理性层面的考量,而面对情感这个潜藏在理性背后的东西,需要设计师有深厚的功力,这不是单纯技巧上的问题,而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群,情感设计的应用将会为产品塑造个性,需要明确产品个性是否与目标用户相符。所以题主需要考虑一下,所说的趣味性是否与产品所预期的个性相符,这很重要。

扯回到正题,交互设计中的趣味性如果让我用一句话表达,我会说:「情理之中,意料之外

btw:自己对有趣的定义可能会与大家不太一样。

10个提供免费CSS教程的网站

蓝蓝设计的小编

蓝蓝设计对每一个网址做了简单的说明,你可以先了解大概的教程类型,再决定是否学习。(提醒:大多数教程为英文网站,童鞋们不要担心,趁机锻炼下英语,也可以用google翻译)

假如你想从零开始学习如何建造一个网站,还可以到蓝蓝设计每日博客去发现蓝蓝设计精心推荐的网站 : )

01  Html.net

如果你的问题为:什么是CSS,它是怎样被创造的,它如何运行工作,有哪些基本语法?所有这些都可以在这个网站得到答案。

01

动感十足的体育竞技类网页设计欣赏

蓝蓝设计的小编

生命在于运动,体育运动是保持健康活力不可缺少的一个环节,与运动相关的网站设计自然也要充满积极向上的风格。运动服饰、运动员、运动方式,展示运动过程中的美。

特写的照片是除视频外最能展示运动瞬间美的载体,所以一张激情十足的照片加上动感的交互方式,是塑造运动网站界面设计之美的神兵利器。今天就和蓝蓝设计一起感受这些充满活力的正能量网站吧!

更多与运动相关的网站设计欣赏:http://www.lanlanwork.com/

Solasie

Solasie

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

蓝蓝设计的小编

网页设计中,切图输出是指UI设计师将手边绘制完成的原始图稿转换成网页界面设计用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。今天蓝蓝设计就和朋友们分享一下网页设计中图片格式的选择技巧
UI设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用…」的功能。与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项:

网页设计中优化图片的6大技巧

蓝蓝设计的小编

平面设计网页设计是两个截然不同的领域,这两个领域有不同的设计需求、设计实践和设计方法。

Photoshop是平面设计师和网页设计师使用的行业标准工具。以下蓝蓝设计分享的是你在创建web端使用图像时的一些简单的小技巧。

1. 将图片保存成Web所用格式

在网页界面设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。
在Photoshop中创建图像的完美方法便是平衡质量与文件大小。
网页UI设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 网页设计师必须知道的6个小技巧

设计师应该知道的图片优化技巧

蓝蓝设计的小编

蓝蓝设计收集了UI设计前辈们的一些关于图片优化的技巧,在此收拢到一起,对于各个方法的优化原理做了一些研究,希望能给大家对于图片优化这一块起到抛砖引玉的作用。提高朋友们的界面设计能力!

下面来给大家介绍一下图片的一些基本原理和优化的方法:

1.JPG原理与优化
JPG是一种对彩色或灰阶之类连续色调图形作压缩和解压缩的标准.这个标准是由ISO/IEC JTC1/SC29 WG10所订定。
压缩算法为正、反离散余弦转换,如下图:

正离散余弦转换

如何让网站提速:图片优化网站推荐

蓝蓝设计的小编

页面的加载时间是每一个UI设计师都担心的数据,或者至少是每个UI设计师都应该担心的问题。图片的大小肯定是一个需要留意的问题。这就是为什么蓝蓝设计在这里写了几个有助于优化页面中的图片的小技巧,这些小技巧将有助于大家解决这个问题,这些小技巧也可以在你需要优化图片的时候提供很多帮助。提高大家的网站界面设计能力!

TinyPNG
TinyPNG是使用智能有损压缩技术,来减小png图片的大小。

日历

链接

个人资料

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

存档