QQ输入法皮肤UI设计教程


  皮肤名称:一锅汤 作者:Sheen

  皮肤说明:美味的汤是中华美食的特色食品之一。此皮肤根据一锅汤的外形联想而设计,枸杞、冬菇、汤匙、叶子分别对应着中/英文标点、全角/半角、打开工具箱以及用户登录四个按钮,左上方的红色按钮是中英文输入法的切换。 皮肤全属原创,希望大家喜欢。

  以上是这个皮肤的简短描述,附上地址 http://skin.py.qq.com/fcgi-bin/showdetail?skinid=4293197210

  关于这个皮肤设计,主要是为了参与近期举行的QQ拼音皮肤全民大赛。要不是这个比赛逼着我,或许我也憋不出这么一个东西出来。

  至于说创作灵感,其实我这个设计是没有什么灵感的,主要还是在于观察实物吧。我觉得我还是有点拿来主义,看到好的东西就拿来用。这次的设计我有临摹过不少的实物,并且参考了各种各样的造型。

  个人觉得这次设计的一个困难之处在于:如何把5个按钮的各个状态融合到整个设计当中,而不是呆板地加在里面。这个是一个相当考想法和创意的活儿。我在介绍里面也有讲到:

  此皮肤根据一锅汤的外形联想而设计,枸杞、冬菇、汤匙、叶子分别对应着中/英文标点、全角/半角、打开工具箱以及用户登录四个按钮,左上方的红色按钮是中英文输入法的切换。

  这些地方其实我是有一个思维的过程的。起初我确实是打算把按钮独立出来,加在整个锅的上方、下方或者是外边的某处,但是始终觉得汤里面没有东西似乎很不好,也显得汤纯粹是摆设,所以就在想能不能在汤里面加一点元素。于是就有了蘑菇、枸杞、大勺子还有那些漂浮着的小东西。进而发现把按钮融入进去其实是很好的主意(其实我之前就想过了,但是怕难以达到预期效果),所以还是尝试了一下,也就成了现在的这个样子。

  至于这个设计稿的制作过程,我就不详细讲解了,主要的技术还是那么多,大家都会。

  我可能就把一些简单的步骤罗列一下吧。


  大概就是这么多,当然了当中还有不少细节需要注意,各个小物件的制作也是需要比较小心的。我的一些心得就是,最好找到实物来临摹,当然自己的临摹能力就很重要了。这样颜色和质感上都能真实许多。

  就这么多啦,希望对大家有帮助囖!继续努力!

时间: 2024-10-09 11:59:50

QQ输入法皮肤UI设计教程的相关文章

QQ输入法皮肤如何更换?

QQ输入法皮肤如何更换?   1.从官网下载QQ拼音输入法,在这里建议大家最好使用最新版本因为最新版本修改了不好以往版本的,所以使用起来用户体验会比较好一些. 2.百度搜索QQ输入发皮肤,搜索之后加入QQ拼音输入法的皮肤库里面去,然后选择一个你喜欢的分类进入. 3.选中之后选择一个你喜欢的皮肤,最好选后面评分星级高一点的,使用起来的话也会比较好. 4.点击皮肤上面的下载按钮就可以下载了. 搜狗五笔输入法教程 光速输入法教程 百度输入法教程

qq输入法自定义短语设置教程

  qq输入法自定义短语设置教程: 1)首先打开[QQ输入法],然后在[输入设置]中点击进去. 2)然后在[输入法设置]中的[个性短语]中点击进去,点击[编辑个性短语]. 3)在[添加]中点击一下,然后输入个性短语跟输入串(快捷键,就是你按了哪几个按钮就可以显示个性短语),然后点击[确定]. 4)我们在输入状态的时候,输入输入串就可以显示设置的个性短语了.

QQ阅读的UI设计:版本的修改优化

文章描述:QQ阅读典雅升级历程. 作为QQ阅读的UI设计师之一,伴随着QQ阅读一个版本接着一个版本的修改优化.优化修改,觉得是时候可以沉淀下来写些东西了. 项目背景: QQ阅读几乎覆盖了市面上所有的主流平台,并且已经逐步的得到用户的认可.随着产品的发展,它已经从一个简单的阅读软件提升成为具有社交化功能的产品.用户不但可以享受到舒适的阅读体验,而且海量的图书,便捷的好友交流都将成为我们未来努力的方向.随着产品的发展,以及产品定位的进一步深入,这样一个注重用户体验:不断向高端平台发展的产品,需要以一

百度手机输入法皮肤制作图文教程

  百度手机输入法皮肤强大,我不能全面的给出教程!那样的话可以写本书了........但想做皮肤的朋友,我会真心帮你. 每款输入法都有自己不同颜色和样式的皮肤选择,那处了官方提供的皮肤,我们是不是也可以自己制作手机输入法的皮肤呢?下面就为大家介绍一下百度手机输入法皮肤制作方法,喜欢DIY的朋友可以试试. 首先下载百度手机输入法皮肤制作工具,以及480分辨率皮肤安装文件. 下载好以后,将.bds文件的后缀名改为.zip,再用解压缩工具打开,即可看到如下3个文件夹. 其中: Land为横屏的按键布局

UI设计教程:界面图标创意设计

在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流! 这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解! 今天把部分草图放上来!创意说明后续准备. 第一部分:图标创意阶段 其实这个阶段之前还有个重要的步骤,就是创意准备

qq怎么如何更改外观?QQ自定义皮肤外观的教程

1.如下所示我们登录QQ,进入主界面,然后在登录成功界面中我们点击小衣服图标,如图所示.       2.然后在此界面中我们点击 自定义界面,如图.     3.进入自定义菜单,在此我们可以选择自己电脑中的图片,我们点击需要添加的图片,如图.     4.选择填充方式和拖动图片 打开自己需要自定义的图片时,左上角会出现选择背景填充方式.拖动主面板.底图,这样子的一个设置,那么我们就需要自己来拖动图片的位置和大小,随意调节自己喜欢的位置,如图.       5.如果只要显示一些背景,我们只要对透明

QQ输入法浮动键盘怎么开启?QQ输入法浮动键盘开启教程

1)我们在手机中打开输入法之后我打开它,然后点击[齿轮][键盘切换]如下图所示.    2)然后在进入到[键盘切换]之后我们点击[浮动键盘]这样就打开了哦,操作方法是不是非常的简单呀.

QQ怎么换皮肤 QQ换皮肤图文教程

给各位QQ软件的用户们来详细的解析分享一下QQ换皮肤的图文教程. 教程分享: 步骤一:首先先点击QQ主界面上面的衣服的按钮.   步骤二:然后我们可以选择你喜欢的皮肤, 如果想要自定义皮肤就点击右下角的 自定义的按钮.   步骤三:然后在调整皮肤的尺寸 , 位置点击确定即可上传自定义皮肤了. 如果是更换资料卡皮肤, 点击进入自己的资料卡. 然后点击右上角的资料卡皮肤设置.   然后在选择你喜欢的资料卡皮肤即可.还可把资料卡的皮肤应用到QQ皮肤.   好了,以上的信息就是小编给各位QQ的这一款软件

QQ输入法怎么换皮肤?

  QQ输入法怎么换皮肤? 1.我们切换到QQ拼音输入法,然后点击右键出现菜单栏. qq输入法 2.在菜单栏中我们选择皮肤设置,就会弹出附属的菜单栏. QQ输入法 3.选择皮肤设置. 4.这个时候我们就会到达皮肤设置界面,本地是有一定量的皮肤的,但是可能不合口味,所以我们去网站上下载. QQ输入法 5.这就是官方网站点击下载后就可以,在皮肤设置中下载了. QQ技巧 输入法教程 影视制作教程