您现在的位置是:网站首页> 编程资料编程资料
360安全桌面主题的设计小结 360安全桌面风格设计轩辕剑 win7桌面主题 非常漂亮的WIN主题Project Hera Launcher Theme(多桌面主题图标包) v2.03 安卓版PE下桌面主题使用技巧解读Banx(桌面主题) for android v1.2.3 安卓版IOS7桌面主题 for Android v0.0.17 安卓版超萌猫咪桌面主题 中文官方安装版
2021-09-07
775人已围观
简介 用户都是个性的,在满足功能需求的前提下。越来越多的用户开始选择为软件更换主题皮肤

用户都是个性的,在满足功能需求的前提下。越来越多的用户开始选择为软件更换主题皮肤。当功能完善到一定程度以后个性化将会是一款产品发展的另一个方向。简单来说更换主题可以放宽用户对于软件的认可程度,这个程度再简单的分析可以说是一种使用模式的改变,从被动的使用到主动的使用。

360安全桌面是一款集成“社区聊天、视频、音乐、新闻、游戏”等日常必备软件的系统软件。其目的是为了简化系统操作使用户能更加简洁的使用电脑进行工作或娱乐。为了可以使用户能更加自由的使用这个产品从而将一键换肤这个功能在这次的新版本开发中提上了日程。换主题是一种心情的体现,人是一种情绪生物,同一个人在不同的心情下他的喜好以及选择会有微妙的偏差。更换主题其实就是在换一种不同的心情。所以与其说这是一种功能到不如说这是一种体贴,一种开发者对使用者的无言的体贴。
创作思路:
作为一款最贴近用户的桌面产品这份主题的灵感就源自这份单纯而温馨的回忆~
一种源自生活的温馨回忆。我们希望这款皮肤可以使我们的产品更加贴近用户,这也是我们一贯设计产品的最终目标。
照片是我们对生活回忆的点滴记录,将那一瞬间的时刻保存在一张照片中然后再将照片一张张粘在相册里的那份温馨。每当翻开相册就会体会到那份温暖的回忆。
之所以我们将方向定位在“回忆”这部分最大的原因就是我们希望这款主题是温和的。就像一位可以一同分享的朋友。
视觉设计:
Icon诞生记 – 一份从无到有的过程

Icon部分的设计从草稿阶段到最后第一版的效果图一共只有一周的设计时间,任务很紧急。从草稿到第一版,一开始定位为比较偏向默认风格的设计方案。后来经过讨论发现这种方案不适合作为一款主题,实在是太没有特点了。所以二次回炉以后将整个风格设计的更加个性化,确定大致方向以后再次细化了一些细节的设计。

文件夹给我的第一感觉就好像以前用的老相册。所以文件夹的交互设计中模仿了老相册揭开的感觉。就是那种有一块不干胶的背板覆盖了一层透明的薄膜的那种。
缓缓揭开那封存的记忆,慢慢的在脑中拼接那一幕幕的回忆。回忆都是美妙的,因为美妙的都是到达结果之前的那一段段旅程过程。

我们要设计一款主题,首先要了解主题的范围,受众和包括哪些必要的元素哪些元素是可以个性化的哪些是必须严格遵守规范的。
前期的构思非常重要,他直接影响到后期的成型,这个阶段所占有用的时间不会小于整个项目周期的20%
丰富的界面,要想视觉清爽,空间感显得有为重要,这一点包括:主次层次之间的比例,各个模块之间的距离,单个模块里信息的间距。脱掉厚重的衣物,身体的线条自然会显现出来,但想吸引更多的目光,那就得把“面”练得好点。


相关内容
- 关于交互设计中的默认值的设计要点浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
- 栅格规范制作的方法介绍(图文教程)浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
- 为博客添加“正在加载中”的过度特效的方法html5+CSS3的编码规范前端编码规范(4)—— CSS 和 Sass (SCSS) 开发规范Web前端开发规范2017(HTML/JavaScript/CSS)web前端开发规范文档(2014年版本)响应式Web之流式网格系统 在网页标题栏上和收藏夹显示网站logo的实现方法Visual Foxpro 6.0 中文版安装向导(图解)网站日志200 0 64状态码的分析(协议子状态)W3C是什么意思 W3C标准简介有关网站网页设计中的那些事儿分享
- 活动专题页信息表达法则--瞬间致胜的方法html5+CSS3的编码规范前端编码规范(4)—— CSS 和 Sass (SCSS) 开发规范Web前端开发规范2017(HTML/JavaScript/CSS)web前端开发规范文档(2014年版本)响应式Web之流式网格系统 在网页标题栏上和收藏夹显示网站logo的实现方法Visual Foxpro 6.0 中文版安装向导(图解)网站日志200 0 64状态码的分析(协议子状态)W3C是什么意思 W3C标准简介有关网站网页设计中的那些事儿分享
- 从Chrome中提取出来的WebUI样式CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- 35款精致的 CSS3 和 HTML5 网页模板 推荐css3中transform属性实现的4种功能详解CSS3.0(Cascading Style Sheet) 层叠级联样式表纯CSS3实现div按照顺序出入效果CSS3实现列表无限滚动/轮播效果css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效CSS3实现的侧滑菜单CSS3实现的3D隧道效果用CSS3画一个爱心css3 实现文字闪烁效果的三种方式示例代码六种css3实现的边框过渡效果
- 一个挺常用的float布局div问题解决方法浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
- 防止CSS网页布局错位 CSS宽度计算css实现元素居中的N种方法div水平布局两边对齐的三种实现方法waterfall瀑布流布局+动态渲染的实现页面中有间隔的方格布局如何完美实现方法css实现六种自适应两栏布局方式使用flex布局轻松实现页面布局的示例代码使用Flex布局实现头部固定内容区域滚动的方法详解flex布局下图片变形的解决方法详解flex布局与position:absolute/fixed的冲突问题Flex布局实现div内部子元素垂直居中的示例
- 19楼网页广告设计规范html5+CSS3的编码规范前端编码规范(4)—— CSS 和 Sass (SCSS) 开发规范Web前端开发规范2017(HTML/JavaScript/CSS)web前端开发规范文档(2014年版本)响应式Web之流式网格系统 在网页标题栏上和收藏夹显示网站logo的实现方法Visual Foxpro 6.0 中文版安装向导(图解)网站日志200 0 64状态码的分析(协议子状态)W3C是什么意思 W3C标准简介有关网站网页设计中的那些事儿分享
- 交互组件微创新 让网站用户体验增色的方法html5+CSS3的编码规范前端编码规范(4)—— CSS 和 Sass (SCSS) 开发规范Web前端开发规范2017(HTML/JavaScript/CSS)web前端开发规范文档(2014年版本)响应式Web之流式网格系统 在网页标题栏上和收藏夹显示网站logo的实现方法Visual Foxpro 6.0 中文版安装向导(图解)网站日志200 0 64状态码的分析(协议子状态)W3C是什么意思 W3C标准简介有关网站网页设计中的那些事儿分享