61阅读

手机闪屏设计-手机闪屏设计之道

发布时间:2018-04-25 所属栏目:数码

一 : 手机闪屏设计之道

手机闪屏设计之道_手机闪屏
每逢节日到来,当你打开QQ浏览器,发现有什么不同吗?QQ浏览器已经悄悄的送出了节日的关怀,呈现在你眼前的是朴实而又温情的画面——节日闪屏。她是浏览器和用户情感交流的窗口,也是传递节日祝福的桥梁。在不同的节日传达不同的人文关怀,变换不同的表现形式,无论是为你带来一秒静静的感动,或是纯净的莞尔一笑,我们都希望闪屏的氛围能给用户带来一个美好的心情,一段温暖的时光。

手机闪屏设计之道_手机闪屏
节日闪屏的构成要素

品牌logo+口号Slogan+闪屏图案Graph

手机闪屏设计之道_手机闪屏
在这里,节日闪屏有两种构成方式:

1、以手机屏幕的最小边为边长的正方形非全屏的闪屏,其余部分靠色彩来填充,节省空间,突出代表性事物,表达简单明了;

手机闪屏设计之道_手机闪屏
第二种:以屏幕的最长边为边长的正方形全屏的闪屏,全屏让视觉效果更鲜明,色彩和氛围更具感染力。

手机闪屏设计之道_手机闪屏
了解节日文化背景,重视情感共鸣

节日文化是一种历史沉淀,是一个国家或民族在漫长的历史过程中形成的民族文化、风俗和习惯。我们不仅要关注节日文化,更应该关注的是用户对节日文化的理解。相同的成长经历,相同的背景,对节日的看法和理解相同,站在用户的视角,说用户想说的话,创造用户的故事,让用户受到感染,达到和用户的情感共鸣。

手机闪屏设计之道_手机闪屏
了解用户群

不同年龄层对文化的理解不同,感受也不同,那我们浏览器的用户是哪些人群呢?

手机闪屏设计之道_手机闪屏
上图所示,浏览器的用户群是一个非常年轻的群体,关键词总结如下:

手机闪屏设计之道_手机闪屏
故事情节和节日氛围

故事情节是支撑画面的灵魂,趣味性固然能引起注意,但是我们还是要根据节日氛围来打造合理的故事情节:愚人节可以是诙谐的生动有趣的;情人节自然是浪漫的爱意弥漫的;清明节应该是肃穆的充满怀念的。浓郁的节日氛围将会拉近和用户的距离,此时需注意节日的季节和画面的时节相对应,这样更容易产生共鸣。

清明节的印象大概已经定格在“清明时节雨纷纷,路上行人欲断魂”,看看网上的图片,清明节都是千篇一律的水墨来表现“牧童遥指杏花村”,对于我们年轻的用户群,究竟什么样的氛围和情节能打动用户呢?

手机闪屏设计之道_手机闪屏
正值这个清明时节,刚好是草长莺飞,春寒料峭,春雨纷飞,这样一个诗一样的季节,我们打造的氛围也偏向了这样一个文艺的路线,于是想到的关键词是春雨、怀念、伤感。

雨的氛围确定了,故事情节我们还是确定为“雨中的思念”,远远的雨巷中,陈旧的石板路被雨冲洗着,两旁的年代久远的院墙诉说着古老,屋檐上滴滴答答的雨声似乎传递着遥远的思念。

手机闪屏设计之道_手机闪屏
首先汇出我们绘制想象中的场景,还是先用简化素描的形式勾勒出场景的大体轮廓;

手机闪屏设计之道_手机闪屏
然后晕染出淡淡的丁香色,此时再填上画面的主角:丁香一样的少女、淅淅沥沥的春雨……

手机闪屏设计之道_手机闪屏
最终效果如下:

手机闪屏设计之道_手机闪屏
盛夏炙热的阳光下,画面定格在高考倒计时紧张的氛围中。阳光、黑板、课本、空无一人的教室,把你拉回到那段回忆中。

手机闪屏设计之道_手机闪屏
还记得圣诞时期待收到礼物的心情吗?大雪纷飞,冰天雪地,但心里却暖暖的。

手机闪屏设计之道_手机闪屏
由代表性事物入手,从主题中提炼色彩

如果想要主题鲜明,最好的方法莫过于直接列举关键要素,由关键要素提炼色彩:

0Z2596361-15
0Z2592238-16
0Z2594095-17
手机闪屏设计之道_手机闪屏
表现设计闪屏的视觉风格的技巧

1. 首先用简化素描来表达

用简化素描来表达基本的故事情节,设计思想简单明了,更能提高效率;在设定视觉风格之前,都使用简化素描将故事情节描绘数张,以备挑选。简化素描可在纸上进行,也可直接临摹照片形象,只要略勾勒出轮廓、神态即可。

0Z2591034-19
手机闪屏设计之道_手机闪屏
2. 用简单的方法模拟不同流派的视觉风格

从美术巨匠的作品得到灵感,模拟不同流派的视觉风格,这样不仅能提升艺术品质,更让我们追随历史的足迹感受艺术的熏陶,让工作也变得更加有乐趣;

下图是超现实主义代表胡安.米罗的《哈里昆的狂欢》:单纯朴素被简化的形体、轻松明亮的色彩,童心、古怪、具有幽默感,经过简化而得出抽象的形体。

手机闪屏设计之道_手机闪屏
值得学习的还有历史上的很多名家巨匠:

比如立体主义的创始人毕加索,将对象的分割与重组,表达真实感受;追随感觉的浪漫主义画家约翰.康斯特布尔;简化事物,强调个性化色彩的马蒂斯,模仿这些名家的作品,更会一步步接近经典的秘密。

手机闪屏设计之道_手机闪屏
现在,让我们来模拟野兽派画家马蒂斯的《红色中的和谐》,注意模拟风格的特点是简化对象并强调个性化色彩,原作如下:

手机闪屏设计之道_手机闪屏
具体步骤如下:

手机闪屏设计之道_手机闪屏
节日闪屏的发展方向

闪屏不应该仅仅只作为单方面传递信息给用户,还需要得到用户的反馈,和用户互动,才[www.61k.com]能实现与用户更深层次的交流,增加用户对产品的情感依赖。

来源:腾讯WSD

二 : 海信双屏手机A2发布:双屏设计/2999元

【手机中国 新闻】海信昨天在位于青岛的研发总部发布了其首款采用双屏幕设计的海信双屏手机A2,一机双屏、任我读行的Slogan也预示着海信双屏手机A2是一款为阅读打造的产品。与之前曝光的信息一致,海信双屏手机A2正面是一块5.5英寸炫彩屏,背面配备了一块5.2英寸水墨屏。

双屏设计自然是这款新品的最大看点,据了解海信双屏手机A2在正面和反面均配备了传感器、听筒和摄像头,所以手机完全可以在不分正反面的情况下使用。海信双屏手机A2背部水墨屏在阅读方面能够带来类似纸质书的阅读体验,水墨屏无频闪、无蓝光等特性避免了长时间观看带来的视觉疲劳。同时海信双屏手机A2还支持侧边指纹按键来同时解锁两个屏幕,此外无论是在任意一面的屏幕都可以对两个屏幕实现同步操作。

配置方面与之前曝光的一致,海信A2采用了4GB RAM+64GB ROM存储组合,前置500万+后置1600万像素摄像头的配置,3090mAh电池,5V2A快充,Type-C接口。目前这款产品已经登陆海信官网进行预约,售价2999元。

三 : 高层自曝5英寸屏魅蓝新机 单闪光灯设计

高层自爆5英寸屏魅蓝新机 单闪光灯设计

(水蓝)随着魅族本月28日新品发布会的临近,5英寸屏版魅蓝新机再次浮出水面。但与以往不同的是,这次是魅族副总裁李楠放出的真机照片,并显示这款魅蓝手机的背面采用了单闪光灯设计,同时所拥有清新风格的薄荷绿配色也是在魅族手机中第一次出现,似乎体现了该机针对年轻群体的市场定位。

高层自爆真机

从此次魅族副总裁李楠在微博上放出的魅蓝新机的背面照片来看,虽然该机仍然采用的是聚碳酸酯材质背盖,但由于机身相对较宽,所以显得并不像iPhone 5c,而是更多带有了一些魅族手机的风格。同时该机的摄像头下方仅配有单色闪光灯,印证了此前传闻该机会取消双色温闪光灯的说法。

高层自爆5英寸屏魅蓝新机 单闪光灯设计

当然,此次曝光的照片更吸引眼球的地方则是该机薄荷绿配色的出现,不仅整体看起来风格清新,而且还是首次在魅族手机上出现。如果加上此前的情人粉、柠檬黄、草嫩绿、魅力蓝、经典黑和典雅白等色彩版本,这或许意味着该款魅蓝新机将提供至少六种配色可选。此外,按照微博上的爆料称,绿色和黄色将会是5寸屏魅蓝新机的首发色彩款式。

三种系统版本

而根据此前微博上曝光的5英寸屏魅蓝新机的宣传素材显示,该机在外型上与魅蓝Note颇为相似,同样保留了经典的小圆点home键,但所配的5英寸触控屏的分辨率则缩水至720p+规格,拥有1300万像素摄像头,加上多种配色选择,似乎很大程度上体现了该机所谓“青年良品”的市场定位。

不过,既然此前魅族老总黄章表示该机足够秒杀红米2手机,那么这款魅蓝新机自然还会有不同凡响之处。而根据此前曝光的广告素材显示,该机能够搭载三种系统,包括Andoid,YunOS以及Ubuntu,这意味着用户可以根据自己的喜好,选择不同的系统版本。

仅售799元

至于5英寸屏魅蓝新机的其他配置方面,这次魅族高层并未透露更多的信息。但按照过去曝光的信息显示,该机提供了2GB内存和16GB存储空间,配备有500万像素前置镜头,但所配的电池容量也会缩小。

至于大家最关心的价格方面,目前已经确认这款魅蓝新机16GB容量的售价仅为799元,与此前传出的信息完全符合,并且据称会在本月28日的发布会后由天猫首发开卖。不过,此前也有消息爆料称,该机在线上可能三个月内都很难买到,而线下则同样会加价销售,这或许意味着能够以这样的低价,买到该机的用户或许不会太多。

本文标题:手机闪屏设计-手机闪屏设计之道
本文地址: http://www.61k.com/1071742.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1