网页前端设计:UI到底是干什么的

UI是什么，UI设计是干什么的。网站里面除了美工和前端，还需要啥？有幸在和大家一起分享了PPT《UI是什么》，和大家讨论下，UI到底是干什么的。

在和很多人交流中，大多数人依旧不是很了解，UI是什么，UI设计是干什么的。网站里面除了美工和前端，还需要啥？
随着现在的网站体系已经发生了众多的变化和不断更新的理念，网站已经越来越注重交互及用户体验。

有幸在和大家一起分享了PPT《UI是什么》，和大家讨论下，UI到底是干什么的。

提纲：UI是什么

  • UI是干什么的？(美工，程序？)
  • UI 是….
  • UI是程序，是美工吗？
  • 界面华丽≠好用
  • UI设计师的具体工作
  • UI中交互设计又是什么呢？
  • 交互设计
  • 交互设计的目标
  • 交互设计的流程
  • UI的理念
  • 怎么样的UI是不好的
  • UI需要怎么做？
  • Amazon导航进化史
  • 总结
  • 后续：UI的摩西的十诫
  • 第一戒 让用户随时了解系统的状态
  • 第二戒 系统与真实世界相符合
  • 第三戒 给予用户控制权和自主权
  • 第四戒 一致性和标准化
  • 第五戒帮助用户识别、诊断和修复错误
  • 第六戒预防错误
  • 第七戒 依赖识别而不是记忆
  • 第八戒 强调使用的灵活性及有效性
  • 第九戒 最小化设计
  • 第十戒 提供帮助的文档或途径
时间： 2024-11-05 14:58:43

网页前端设计:UI到底是干什么的的相关文章

推荐网页前端设计:适合JavaScript新手的书籍

文章简介:适合JavaScript新手的入门书籍. 自从学习网页前端设计以来,我一直把主要的精力和时间放在研究Photoshop.Html以及CSS上面,很少学习JavaScript,原因是之前不知道网页的构成由三个部分,内容(Html).外观(CSS)和行动(JavaScript)组成,而JavaScript作为代表行动的部分具有相当的重要性.没有JavaScript参与的网页如同是一本书,单方面的对用户灌输信息,而有了JavaScript的网页,才和用户有所互动.所以现在狠下心来恶补Java

优秀的网页前端设计的一些指标

事情的缘由是,前两个礼拜打了个"飞的"去北京玩,见了一位在百度做前端的朋友.过去一年以来,这家伙就不停的在鼓动我去他们那个邪恶的公司.当然,见面之后就不能再当面称呼人家是邪恶的公司啦,所以我就找了个理由,说你们那个"百度盲道"做得太垃圾了.他当然就很虚心的问我为什么啦.所以我也只能很心虚的糊弄了几句,说回上海之后详细告诉他. 事情的缘由是,前两个礼拜打了个"飞的"去北京玩,见了一位在百度做前端的朋友.过去一年以来,这家伙就不停的在鼓动我去他们那个

网页前端设计资源:前端设计资源收藏夹

文章简介:今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上. 今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上.而且我在后面还增加了一份我自己整理的学习

网页前端设计的一些建议

不过在这个还原的过程中应该也是需要一些基本的流程和注意一些东西的. 1.我们在拿到设计图后,通常会怎样做呢? 或许我们会在拿到图后二话不说,直接对着效果图,将代码从头敲到脚? 请对这个做法say no! 建议大家在拿到设计图后,不要急于开始制作,先仔细的看一次(不是看有多漂亮^_^).如同庖丁解牛般,他看到的不是单纯的一头牛,而是看到了牛本体的机理结构.而我们要看出来的也正是设计图的骨架,只有顺骨架,才能知道这个图的结构应该怎么写.在把握好总体结构后才开始动手敲代码,以此避免在敲代码的时候,敲着

网页前端设计实例:常用技巧和经验分享

网页制作Webjx文章简介:前端开发的一些小技巧与经验分享. 自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法(提供了两种方法,使用时视情况而定):方法一:本版2楼思路(感谢~),耗资源比较少,多两句代码. <p>@Mr.Think这是文章标题<span>2010-10-10</span></p> CSS定义: p{position:relative} p span{position:

网页前端设计人员必备的技术列表

前端这一行,入门并不困难,掌握XHTML+CSS之后,基本上就可以找到一份工作. 作感悟 建议"前端开发"人员掌握的技术 必备技能 XHTML+CSS 高级应用 Photoshop+JavaScript 拓展技能 Ajax+UE+SEO+PHP+Mysql 文章摘要 前几天有一个网友留言,提到他正在阅读"Javascript,CSS,XHTML,Ajax,jQuery" 等等一系列书籍.回想我上学的时候,也是看了很多东西,最终却没有用上,所以,在此写写自己学前端的一

网页前端设计:关注前端开发流程

流程,通俗来讲,就是许多人,在做一系列的事情时,怎样相互协调,安排好这一系列事情的先后顺序,有什么事先的约定,需要达到怎样的预期目标. 在UED里,前端同学需要处理的需求比较多,早些时候,前端这里的开发流程还是比较模糊的,UED以外的同学也不清楚这边的工作具体是怎样进行的,所以难免会有需求插队的情况发生,打乱了大家的计划,因此今年Q3的时候,在与SCM团队同学的共同努力下,形成了一个前端的ASSETS发布流程. 这个流程主要针对ASSETS发布的需求做了一些约定,制定了相关的几个时间点,包括审核

网页前端设计:布局构思和布局与模块命名

文章简介:前端规范-布局和模块命名. 1.前言 最近在思考怎么完全脱离视觉去思考结构,让写出来的结构更有语义?交互原型出来后,怎么让前端结构和视觉设计同时并行?结构写完可以先让程序套模板并且结构不会再修改?视觉设计出来后,前端写样式,写完样式链接到套好的模板? 参考了35王少峰的四方框架,他把结构层单独拿出来,然后画格子. 我觉得这个思路很好,布局是属于视觉的,应该先定义好,免得写样式的时候再来修改结构.我参考了一下他的思想,并结合自己的理解,谈谈布局层的构思. 2.布局 我们用r表示行,并且清

国外英文的移动设备网页设计UI规范

文章描述:移动手持及平板电脑和网页应用设计UI规范. Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples,