Andy Zhao's Blog

  • 首页
  • web开发
  • 互联网
  • 技术分享
  • 网站运营
  • 交互设计
  • 资源分享
    • 工具
    • 欣赏
    • 素材
  • 生活杂语
Welcome
记录一些点点滴滴
交互设计

向左走、向右走?表单元素设计

表单是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边,而且靠左对齐   2. 放在输入框左边,但是靠右对齐   3. 放在输入框上面   4. 放在输入框里面   排列方式的比较 到底这四种排列方式有什么不一样呢?其实这些排列组合最大的影响都在于用户视线的移动,在第一种排列方式中,用户的视线先看到标题,由于靠左对齐的缘…

2013/09/29 0条评论 1282点热度 0人点赞 zhaoan 阅读全文
css

CSS书写规范及顺序

大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里我总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, …

2013/09/29 0条评论 1703点热度 0人点赞 zhaoan 阅读全文
交互设计

视觉优化--那么明显,为什么用户看不见?

作为用研,我们经常在可用性测试时听到用户说:“啊?我没注意啊!” 一个操作后,页面弹出一个对话框告知用户操作成功,反馈够明显了吧?用户说:“啊?怎么没反应?” 一个为了用户操作便捷而设计的常用操作入口,简约的视觉与背景区别开来。可用户还是一次次冗余操作,问及则说:“啊?我没注意到啊!原来这个可以直接写说说的?!” 一个新功能上线,网站主页导航上新增了一个模块,改版够大了吧?用户说:“啊?我没看出有什么变化啊。” 每次听到…

2013/09/04 0条评论 1558点热度 0人点赞 zhaoan 阅读全文
交互设计

阅读体验的五条规则

1、长文本使用标准字号。用户不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。用户想马上就开始阅读,希望你能适应我的设置,而不是反过来让我更改设置来适应你; 2、主动留白。在文本周围留出足够的空间可以减少阅读时的压迫感,因为这样读者更容易将焦点集中在内容本身; 3、友好的行高。HTML的默认行高过小。如果你增加一些行高,文字会更具易读性。140%标准行高是一个不错的标准; 4、鲜明的色彩对比。这一点我觉得没必要多做赘述了,但过于强烈的对比(纯黑纯白)也不合适,因…

2013/09/04 0条评论 2444点热度 0人点赞 zhaoan 阅读全文
交互设计

网站布局与设计--你的眼睛喜欢看什么?

引言 每一天从我们睁眼开始,我们就开始不断地接收着这个世界传递给我们的各种信息,海量的信息不断地充斥着我们的眼球、大脑。如此庞大的信息库,我们平时都在看什么呢?不知道各位有没有这样的经历,走在大街上,你最容易被什么样的人群所吸引呢?毋庸置疑,必然是精心打扮的女生! 接下来我们来看个“栗子”,逛超市的时候,满是商品的货架上,如图 你会关注哪个商品呢?我相信,我们的大脑永远在选择最简单、最直接的、最特别的呈现形式的事物,因为这些信息不需要经过大脑的转换,够直观!不知道各位,小时候有没有看过寓言故…

2013/09/04 0条评论 1648点热度 0人点赞 zhaoan 阅读全文
交互设计

运营动线设计

  一、简介 动线设计? 被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们的行进路线上和视线范围内,避免中途折返、死角和盲区,尽可能地消除用户产生的购物疲劳感,让顾客在卖场停留的时间尽可能长一些,以最大限度以愉悦的心情地逛遍卖场的所有商品。 经典案例:宜家(IKEA)的卖场设计 宜家的卖场是非常经典的,顾客在从进入开始就被“导线”默默地引导着走完所有角落,你从入口进去就被唯一的一条曲折回转主路依次引入…

2013/09/03 0条评论 1691点热度 0人点赞 zhaoan 阅读全文
交互设计

一个质感按钮PS教程

2013/08/30 0条评论 1147点热度 0人点赞 zhaoan 阅读全文
交互设计

Web设计中的细节

1)调整后的毛边 当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子: 也许单张小图还不够显注,下面对比一个列表图和大图,当然了除非你故意想要这种效果。 放大2倍后对比 放大2倍后对比 另外不要试者调整带有边框的图片,最好是自己绘制,这个面两张对比图不用放大就能全面看到问题: 2)关于边框和背景  有些区块需要用边框装饰点缀得醒目一点,有文字区块图片区块等,文字区块加边…

2013/08/27 0条评论 1235点热度 0人点赞 zhaoan 阅读全文
web开发

Ajax实时验证用户名、邮箱等是否已经存在

利用Ajax技术来检测用户名是否存在的原理流程图: 最终结果截图: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  …

2013/08/02 0条评论 1897点热度 0人点赞 zhaoan 阅读全文
javascript

js同时获取多个同名input表单的值

今天碰到需要同时处理多个相同表单内容的问题,怎么才能将这些表单内容同事取出来呢?挨个获取吗?这样似乎也行,但是后面执行起来会比较复杂,网上看了些这方面的处理方法,下面来看看 <html>   <head>   <script language="javascript">   function check(){   var bm_num=0; …

2013/07/24 0条评论 6554点热度 0人点赞 zhaoan 阅读全文
1…34567…16
搜索
分类
  • asp / 2篇
  • css / 27篇
  • html / 9篇
  • javascript / 15篇
  • php / 6篇
  • web开发 / 8篇
  • wordpress / 7篇
  • 互联网 / 16篇
  • 交互设计 / 30篇
  • 其他 / 3篇
  • 工具 / 3篇
  • 欣赏 / 11篇
  • 生活杂语 / 6篇
  • 用户体验 / 1篇
  • 素材 / 3篇
  • 网站建设 / 3篇
  • 网站推广 / 4篇
  • 网站运营 / 5篇
  • 网络技术 / 1篇
最新 热点 随机
最新 热点 随机
宝塔的FTP存储空间,API资料校验失败,请核实! 移动端APP下拉刷新与轮播图冲突的解决方法 头条号怎么运营?怎么涨粉? 转载:移动前端开发之viewport的深入理解 判断来访是搜索引擎蜘蛛还是普通用户,蜘蛛正常抓取,用户跳转指定页面 为什么我们需要构图?构图有哪些原则?
Adobe发布HTML5网页动画工具Adobe Edge IE6,IE7,IE8css bug集合 怎么判断ie版本 js获取高度和宽度 CSS强制换行和禁止换行方法 一款漂亮的手机天气app设计
广而告之

COPYRIGHT © 2022 zhaoan.org. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

陕ICP备09022954号