• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 360安全桌面主题的设计小结 360安全桌面风格设计

360安全桌面主题的设计小结 360安全桌面风格设计

作者:黑社会&玄天 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含360,安全桌面,主题,设计小结等相关知识,黑社会&玄天 希望在学习及工作中可以帮助到您
360安全桌面主题设计小结 微课江湖
  设计背景:
  用户都是个性的,在满足功能需求的前提下。越来越多的用户开始选择为软件更换主题皮肤。当功能完善到一定程度以后个性化将会是一款产品发展的另一个方向。简单来说更换主题可以放宽用户对于软件的认可程度,这个程度再简单的分析可以说是一种使用模式的改变,从被动的使用到主动的使用。
  需求要点:
  360安全桌面是一款集成“社区聊天、视频、音乐、新闻、游戏”等日常必备软件的系统软件。其目的是为了简化系统操作使用户能更加简洁的使用电脑进行工作或娱乐。为了可以使用户能更加自由的使用这个产品从而将一键换肤这个功能在这次的新版本开发中提上了日程。换主题是一种心情的体现,人是一种情绪生物,同一个人在不同的心情下他的喜好以及选择会有微妙的偏差。更换主题其实就是在换一种不同的心情。所以与其说这是一种功能到不如说这是一种体贴,一种开发者对使用者的无言的体贴。
  创作思路:
  作为一款最贴近用户的桌面产品这份主题的灵感就源自这份单纯而温馨的回忆~
  一种源自生活的温馨回忆。我们希望这款皮肤可以使我们的产品更加贴近用户,这也是我们一贯设计产品的最终目标。
  照片是我们对生活回忆的点滴记录,将那一瞬间的时刻保存在一张照片中然后再将照片一张张粘在相册里的那份温馨。每当翻开相册就会体会到那份温暖的回忆。
  之所以我们将方向定位在“回忆”这部分最大的原因就是我们希望这款主题是温和的。就像一位可以一同分享的朋友。
  视觉设计:
  Icon诞生记 – 一份从无到有的过程
  考虑到主题的设计初衷,发现传统照片的直角外框显得过于“锋利”。为了能更好的与主题风格相匹配以及更能体现品牌化的统一 icon边框的设计灵感源自 360文字 logo的演化,圆润的形状使icon的感觉更加的柔和。在扣题的同时更加体现了产品的统一性。
  Icon部分的设计从草稿阶段到最后第一版的效果图一共只有一周的设计时间,任务很紧急。从草稿到第一版,一开始定位为比较偏向默认风格的设计方案。后来经过讨论发现这种方案不适合作为一款主题,实在是太没有特点了。所以二次回炉以后将整个风格设计的更加个性化,确定大致方向以后再次细化了一些细节的设计。
  文件夹的展开动画 – 最具亲和力的交互往往都源自于生活的真实感。
  文件夹给我的第一感觉就好像以前用的老相册。所以文件夹的交互设计中模仿了老相册揭开的感觉。就是那种有一块不干胶的背板覆盖了一层透明的薄膜的那种。
  缓缓揭开那封存的记忆,慢慢的在脑中拼接那一幕幕的回忆。回忆都是美妙的,因为美妙的都是到达结果之前的那一段段旅程过程。
  界面设计
  我们要设计一款主题,首先要了解主题的范围,受众和包括哪些必要的元素哪些元素是可以个性化的哪些是必须严格遵守规范的。
  前期的构思非常重要,他直接影响到后期的成型,这个阶段所占有用的时间不会小于整个项目周期的20%
  丰富的界面,要想视觉清爽,空间感显得有为重要,这一点包括:主次层次之间的比例,各个模块之间的距离,单个模块里信息的间距。脱掉厚重的衣物,身体的线条自然会显现出来,但想吸引更多的目光,那就得把“面”练得好点。
  作为一款桌面产品,丰富其视觉感受,我们针对一种风格定位采用以温馨为视觉设计方向。“木纹”给我们的直观感受是自然亲切的,既然皮肤的定位是以“温馨”的概念,那么整体色彩的选择也要向这一点靠近,所以我们采用黄色来成为整体主题色调。
  主题的风格与产品图标白色圆润包边的形态相呼应,通过木纹材质的配合使这款产品的设计简洁而不是简单,细腻的细节处理,精致而又不繁复琐碎的,界面的合理布局和桌面壁纸显示的重点突出给这款产品设计增添了几分灵气,界面设计的把握恰到好处的展示了产品的功能性和巧妙的操作性,使用户体验有了很好的

您可能想查找下面的文章:

  • 解决360双核浏览器兼容模式的页面显示问题
  • 一款利用纯css3实现的360度翻转按钮的实例教程
  • 页面在360浏览器下显示不正常的兼容性问题
  • 360安全桌面主题的设计小结 360安全桌面风格设计

相关文章

  • 2017-08-06如何在class内写xsl标记注意事项
  • 2017-08-06div+css实现仿猪八戒首页导航菜单效果
  • 2017-08-06CSS3支持IE6, 7, and 8的边框border属性
  • 2017-08-06html内容超出了div的宽度如何换行让内容自动换行
  • 2017-08-06不同CSS布局实现与文字鼠标选择的可用性
  • 2017-08-06使用CSS修改HTML的checkbox效果的小示例分享
  • 2017-08-06LESS 让css也支持变量,运算符,include,嵌套规则等等
  • 2017-08-06CSS3制作气泡对话框的实例教程
  • 2017-08-06纯CSS实现设置半个字符的样式
  • 2017-08-06多行图片hover加边框会把下面的图片挤到别处的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页制作中应用的50个CSS技巧(国外)
    • CSS 制作有弹性的日历表
    • CSS dashed和dotted的区别
    • CSS的三种使用方法
    • ie6 position:fixed解决方案
    • 利用css @viewport 做设备适配
    • HTML+CSS实现漂亮的背景实例
    • ie placeholder属性的兼容性问题解决方法
    • CSS 文字加阴影变3D效果演示
    • css给span加float:right右浮动后内容换行下移

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有