平面设计
位置:首页>> 平面设计>> Photoshop教程>> 随身携带的设计

随身携带的设计

作者:秦小花 来源:Tencent CDC Blog 发布时间:2009-10-13 20:40:00 

标签:设计,设计浏览器,移动

可以随身携带,是移动设备具备的优势,虽说“随身携带”跟设计本身并无太多关系,但想想我们的设计又的确是大家随身携带的,心里不禁有点暗自窃喜,同时,也因此对移动设备的产品设计的要求会更高,因为凡是大家随身携带的东东,必然是大家日常所必需、所钟爱、或者常用的,自然对这些东东的要求就会更高,希望它能够彰显自我的。所以,做随身携带的设计其实更难。

说到手机浏览器,从preview到 beta1版本发布,到目前即将出炉的beta2版本,已经做了近一年的时间,个人感觉麻雀虽小,五脏俱全,手机软件看起来很小,其实做起来复杂程度一点都不亚于pc端的软件产品,或者更甚,跟进期间遇到了不少问题,同时也积累了一部分经验,下面主要通过几个典型案例和设计过程中的几个环节的做一下简单的分享。

  问题1:视觉表现与开发实现的平衡点

提起移动设备的设计,难免想起目前火热的iPhone,微软的windows mobile系统,以及很多时不时让你大饱眼球的新颖、时尚的产品,其整体的印象感觉是前卫、酷炫和充满科技感的。

多说无宜,相信大家随处都可以看到类似的惊艳设计,这里要强调的一点就是,手机软件需要兼顾到多个手机操作系统,而目前主流的智能手机操作系统有很多如诺基亚的Symbian、微软的Windows Mobile,PALM、Linux,还有Blackberry OS、iPhone OS,以及Java和MTK等等,况且每个系统会不断更新升级出多个版本,比如Symbian系统又根据不同的硬件特性分为S40、S60、S80、S90等不同版本,这些系统和版本都具有不同的特性,所支持的界面表现也都不尽相同。所以在进行视觉设计的时候,要对不同系统有所了解,不能一味强调视觉上的表现力,单纯追求酷炫的视觉效果而失去了兼容性。

同时,手机软件亦会受到硬件设备的限制。我们可以注意到不同的品牌占据了整个手机市场,其中占有率高的有诺基亚、索爱、三星、摩托罗拉,还有多普达、苹果等后起之秀。整个手机行业更新换代非常快,新的型号很快出来,旧的型号又不会马上被淘汰,所以手机软件开发还要细化到不同品牌的不同型号。

而且,要关注到产品开发的成本。目前QQ手机浏览器的开发还属于前期阶段,目标是快速打造简洁快速、轻便易用的手机浏览器,简约的设计是与当前目标相符的。我们不用刻意追求外在表现,而是设计一款实用为主、性能第一的浏览器。手机浏览器沿用了手机QQ的界面实现机制,同时也因为操作系统的原因,现在还不支持半透明的效果;在质感表现上,主要以单向渐变为主;另外对安装包的体积有严格的控制,尽量少的使用贴图元素和动态效果。

0
投稿

猜你喜欢

  • 这篇Photoshop教程主要介绍利用图层样式的设置等,来制作黑色时尚的web2.0风格的导航面板,希望大家喜欢!我们先来看看效果图:最终效
  • 在这篇教程中我们将学习如何使用Photoshop化腐朽为神奇,为玫瑰花添加漂亮的喷溅效果,希望大家能够喜欢。第一步创建一个背景为透明的文件,
  • 原图 最终效果 1、打开原图素材,点通道面板,检查通道,可以看到红色通道损伤较轻,绿色和蓝色通道纹理较多。我们可以用通道
  • 请注意,本教程制作的效果很可能让大家无法接受。但是大家知道这个都是假的,但是从这点可以看出PhotoShop的强大功能。我喜欢看活死人影片,
  • 今天刚好有些时间,所以抽空写了这个简单的教程,希望对大家有所帮助,步骤不是很详细,有看不懂的可以在线提问,我会尽量回答,要是你愿意的话,记得
  • 1 - Adhemas Batista (Brazil)Adhemas Batista,巴西人,居住在圣保罗,25岁,美术指导,平面与插画设
  • 原图 效果图 经过去斑加工的效果图 原图 效果图 例1: 例2:
  • 这次教程将向大家介绍一款漂亮的图层样式,我们将用它制作一个密封徽章。第一步:先建立一个新文档,这里我使用400×150 (像素)的大小。再添
  • 原载于:PSDTUTS 作者:James Davies 翻译:周小冠丝网版画来展示杂志上的图片或者宣传演出是很好的方式。用丝网版画来作一张有
  • web2.0风格导航条制作效果图如下:1. 创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。2. 应用层样
  • 网格设计呢,通常显得很整齐规范,有时看上去也比较专业。但网格设计相对来说也是比较复杂的,往往需要精准的测量和栏目划分。960 Grid Sy
  • 本教程的实物图构造比较复杂,不过基本的构成小元素都是用类似的方法做好的。只要掌握好基本的透视及高光和暗调的变现,就很容易做出来。原图1、新建
  • 本教程介绍人物照片的综合处理方法。原图素材可以看出人物衣服及发型都比较有古典的味道,因此选取素材的时候尽量考虑用古典元素的。可以自己喜好选取
  • 本教程主要是介绍使用滤镜和蒙版配合来磨皮及修改局部颜色。教程中也多次用到了图层混合模式,很多效果需要不断的叠加起来才好看。制作过程有点复杂,
  • 在这篇photoshop教程将为大家介绍如何使用photoshop中的混合模式和滤镜等多种工具制作一座海上城堡的方法。最终效果图首先要准备的
  • 思路:先用钢笔工具勾出流畅的曲线,然后描边路径,再用画笔根据路径装饰一下高光背景,最后把曲线复制并模糊变形即可。制作的时候背景颜色选择稍微深
  • 本教程作者调出的色调非常有层次感,用较暗的背景衬托出鲜丽的人物。再配上一些装饰翅膀及星星笔刷,效果显得非常梦幻。原图最终效果1、打开素材图片
  • 本教程介绍立体图标的制作方法。基本思路先把需要立体化的图形简单透视化,然后把立体的几个面做出来,最后就是调整反光及各面的色彩层次。最终效果
  • 如何用Illustrator来制作色彩喷溅效果最终的效果下面这张图就是我们的跟随这次教程得到的最终结果。 Step 1创建一个新文
  • 各位大家好,本教程我将演示如何使用Photoshop拼出一台崭新的苹果iPad平板电脑。让我们开始吧!最终的效果图应该是这样的:最终效果开始
手机版 平面设计 asp之家 www.aspxhome.com