Sysui - sysui.com
General Information:
Latest News:
交互设计入门(3)原型的构建与设计 15 Aug 2013 | 06:08 am
怎么去组织页面元素,制作原型Demo?哪些表现层面是交互设计师该重点表达的内容?原型的制作又有哪些章法可循呢? Ⅰ. 什么是原型? 原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:①需求内容的呈现 ②导航和链接 ③数据的交换 ①需求内容的呈现 1)文本,多媒体内容的呈现 最基础的web页面就是文字和多媒体的载体,通过文字和媒体把需求内容呈现给访问者是Web设计最最基础...
交互设计入门(2)交互设计的职能 14 Aug 2013 | 05:55 am
上个章节讲了为什么要有交互设计,本章主要详述一下交互设计的职能——交互设计师具体做哪些内容? Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。 Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点: 职能的细化就是为了让产品在每个专业环节...
交互设计入门(1)了解交互设计 13 Aug 2013 | 06:16 am
▎1.成功的互联网产品有哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型。 ②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型。 ③有了实现模型和业务模型产品就成...
网页前台页面设计[练习] 8 Jun 2013 | 01:52 pm
好久没有作图了,今天弄了做了个页面,熟悉下。只是熟悉所做,细节的的就没怎么去弄了…
HTML5 新增的input元素的类型 3 Jun 2013 | 06:05 am
HTML 5中新增了很多input元素的类型,现列举如下: email email类型表示必须输入E-mail地址的文本输入框。 url url类型表示必须输入URL地址的文本输入框。 number number类型表示必须输入数值的文本输入框。 range range类型表示必须输入一定范围内数字值的文本输入框。 Date Pickers HTML 5拥有多个可供选取日期和时间的新型输入文本框:...
CSS3中Transition、Transform的简单使用[学习笔记] 16 Apr 2013 | 06:52 am
在网上闲逛时候发现一导航下拉二级导航效果很不错,当下来看了下下发现是使用了CSS3中的Transition、Transform制作的,我也学习制作下,效果还是挺好的. CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值. Transform字面上就是变形,改变的意思。在CS...
实用的脚本、HTML、CSS代码段收集(2013/5/17) 9 Apr 2013 | 09:08 am
在项目中经常要用到很多脚本,特别是前端工作中,我在这里收集一些很小却经常用的脚本代码段,希望大家喜欢,不断更新收集。。。 2013/5/17添加 bootstrap modal支持ajax内容 第一步:你的html代码 第二步:添加一段脚本 第三步:添加一个隐藏层,这里ID必须和上面data-target相同,class 必须要有 modal 1、获取Li列表中最后以后或者第一行给与样式 2、简单...
收集的一些Twitter BootStrap常用资源和工具 8 Apr 2013 | 12:42 pm
Twitter BootStrap是一款优秀的前端的框架,称得上是前端的一个框架利器。Web前端开发者每天都在与HTML、CSS、JavaScript打交道,然而不少人都是在周而复始的写模板、样式和交互效果,前没有想过如何将这些重复的工作整合在一起。Twitter推出的BootStrap能够帮助Web前端开发者摆脱这种重复的劳动。 最近在各群讨论BootStrap相关的话题也明显增多,有很多Web...
12款常用的jQuery 插件 12 Mar 2013 | 05:53 am
jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。今天这篇文章向大家推荐12款个实用的 jQuery 插件。
时尚电商网站视觉分析 5 Mar 2013 | 06:24 am
最近在收集国外电商网站的视觉设计,看到很多极具前瞻性的网页设计,框架结构、内容排版、色彩搭配、图片运用上达到了非常和谐的统一。下面总结出的几点,供大家参考和探讨: 一、留白 非 常大胆的留白,给内容足够的呼吸空间。各个页面的图文间距都控制得非常好,页面整体感觉更通透,衬托出信息内容。这种留白,给用户思考和想象的空间,在引 导用户视觉和创造流畅的视觉感受方面却是至关重要的。而相比之下,我们虽然意识到...