轩枫阁

首页 / 搜索标签: 交互

轩枫阁V3主题设计开发总结—设计篇

前言

轩枫阁V3.0主题已上线,自2013年上线发布,V1-V3,3年。3个月完成V3主题PC端、移动端交互原型、网页重构、功能开发、工具一键上线。

本次主题的更新,对整站进行优化,主要包括设计改版、性能优化、体验优化。

本文主要针对设计进行介绍:

  • 重新思考设计整站UI
  • PC端与移动端相分离
  • 文案、设计排版、细节表现更加细致

PC端

主颜色

主色调选用浅白、深灰、浅黑、天蓝、青色,使页面简洁、扁平、纯粹。

color-main 查看全文

2016/08 21  周日

2015-2016交互体验趋势

移动产品篇

2015年移动应用数量增长依然强劲,但是移动交互体验却在发生着变化。较之去年层出不穷的新颖形式,今年交互体验趋势中,更多的是某一个方面的体验优化与深耕,而较少有创造性的引领者出现。这说明移动应用在市场在“爆发”后进入了一个新的阶段。这与智能机市场趋于饱和、手机屏幕尺寸增长与用户对应用的认知提升有着密不可分的关联。

今年MUX设计师们依然从体验角度出发,结合现有的报告和资料,寻找那些已经崭露头角,并且会在今年形成一定规模的交互体验趋势。与去年不同的是,我们同时给出了这些趋势的应用场景,希望对移动体验设计师有所帮助。

1.多媒体搜索实用化(Extensive Usage of Multimedia Search )

随着技术的不断突破,搜索的输入方式不在仅仅局限于文本搜索,多媒体搜索在搜索结果质量以及精准度上了有了明显的进步,创造了从娱乐向实用的过渡。在很多移动场景下,多媒体搜索较文本搜索有着不可替代的优势。通过《百度移动趋势报告2015》研究发现,移动互联网下一代主力军(零零后)对多媒体搜索的接受度更高。另外数据流量方面,4G增长迅猛也给多媒体搜索实用化提供了必要条件。

1.Camfind可以通过拍照物体进行搜索,准确的识别出搜索对象的颜色,质地,以及属性,并提供相关图片与相关搜索结果。

查看全文

2016/03 19  周六

渐进式 H5 设计与实现

前言

由于 H5 页面适用于移动网络传输,跨终端,且方便快速迭代,此外在 App 应用里加入h5的混合开发越来越普遍,如微信里面即将要上线的 H5 微信运动等。

Norman 的认知处理的 3 个层次:本能层、行为层、反思层。相当于对事物或信息的最初认知,之后才会产生行为,这时候才要更多地考虑物理操作的负荷,即手指的操作频次,不同输入模式的切换。所以将本能层放到了首位吧,否则即使操作再简单,认知不正 确或不清楚,直接会影响用户对产品的整体验。就像我们在考虑如何扩大功能的时候,要兼顾到如何简化界面。但是过度重视本能设计而虚弱行为设计(沉浸在产品中以完成日常任务和活动等的功能设计),炫酷的效果也只能是昙花一现?而且在实现 H5 页面的时候还要考虑各终端性能,屏幕大小等因素,所以用渐进式的方式来权衡本能设计与行为设计。 查看全文

2015/11 21  周六

WP Ajax异步刷新 – wordpress中通过ajax获取信息

了解之后,你会发现WP中使用ajax是如此的简单,今天心情好,多写点文章~

简介

前端开发中,ajax是必不可少的,可以带来用户体验的提升。但是如果是使用WP,便觉得不知道如何下手了。比如要返回一些固定的数据(一般不更改),或者返回一些文章内容、标签、文章列表等等。下面做个简单的教程:

示例

一、侧边栏中ajax获取并刷新标签

1. 加载jquery:http://code.jquery.com/jquery-1.10.2.min.js

2. 编写请求并处理数据的函数 查看全文

2013/12 14  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子