关于UI设计你需要自问的12个问题
UI 设计的魅力在于，你不仅需要适当的技巧，更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现，包括视觉元素与功能操作在内的所有东西都 需要完整一致。为了实现这个目标，你需要问自己 10 个最基本的问题。 1. 你的 UI 是否高度一致？** **用户来到你的站点，脑子里会保持着一种思维习惯，你的 UI 需要保持一致，以免用户的思维方向被打乱。比如，如果你的某个品目下的产品可以拖放到购物车，那你站点中所有产品都应该可以这样操作。将按钮放到不同页面 相似的位置，使用相契合的配色，使用一致的语法和书写习惯，同时，让你的页面拥有一致的结构。２．用户能自由掌控自己的操作吗？ 你应当分析一下，自己的站点是否容易导航。用户应当可以自由掌控自己的浏览行为，确保他们能从某个地点跳出，能够毫无障碍地退出。那些在用户离开前 弹出窗口的行为是 UI 易用性的一个大问题。３．你知道谁是你的用户群吗？ 要设计有效的 UI，必须对你的用户群有所了解，不同的用户阶层对不同的设计元素有不同的理解，1725 岁年龄段的人，和 4055 年龄断的人有不同的喜好。你的 UI 设计必须针对你的用户...
input button onclick 链接
input Button 按钮，跳转链接，方法： 1.如果让本页转向新的页面则用： 2.如果需要打开一个新的页面进行转向，则用： 后退+刷新 3.打开无边框的新窗口 4.点击按钮弹出确认alert窗口 方式一： 方式二：
javascript idocument.write与writeln的区别
今天搞不懂write与writen的区别，于是找资料，实验，终于弄懂！！ 先看例子： with(window.open()){ document.write(“百度”) document.write(“百度”) document.writeln(“知道”) document.writeln(“知道”) document.writeln(“知道”) } 运行上面的代码，在新开的窗口中:查看－源文件，就可以看到，writeln是以行方式输出 如图： 最外面的是原文件，里面的是弹出的百度知道的页面，旁边的是百度知道的源文件，区别一目了然！ 总结： document.write() //将内容写入文档，当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行document.write()和document.writeln都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并不是指页面实际效果中的换行，两种方法在查看源代码时才看得出...
Web.config debug=“true”调试页面
Web.config? 设置，禁止调试与否 当debug=“false”时，编译出错也不会出现调试界面！
国外关于web设计的优秀网站搜集
国外关于设计的优秀网站： 1、http://www.csszengarden.com/ 禅意花园，web设计师必去的地方。 2、http://ui-patterns.com/ UI设计 收集展示了一些改进过的设计模型，比如验证码、帐户注册、导航标签等 3、http://patterntap.com/ 学习有效用户界面的设计，最好的办法是看看其他设计师是如何做的。你可以从Pattern Tap的设计模型展示中获得灵感。这儿收藏了表单设计、登录界面、二级导航、按钮等资源。 4、http://architectures.danlockton.co.uk/ Design with Intent 是 Dan Lockton 的博客，主题是理解和影响用户交互 5、Yahoo! Design Pattern Library Yahoo开发网络有一个日渐丰富的设计模型库Yahoo! Design Pattern Library。这里展示了用户界面设计方面的通用设计模型。一些广为讨论的模型包括模块标签、拖放操作和评级评论。 6、Welie.com的交互设计模型库提供了各种交互设...
前端开发所需掌握的技术（1）
?前端开发所需掌握的技术（1） 也许你对前端开发所要掌握的技术不是特别的了解，下面我们再来看一下下面这段招聘信息： 网站前端工程师（Front-end Web developer） 工作职责： 负责网站前端设计及开发。 职位要求： 计算机相关专业，本科以上学历。 精通Java/Ajax/JavaScript/XML/CSS，有至少3年相关工作经验。 了解不同浏览器之间的差异，写出的代码具有良好的兼容性。 熟悉页面架构和布局，对Web标准和标签语有深入了解。 对用户体验、交互操作流程及用户需求有深入了解。 能根据设计效果图严谨落实界面，精确到像素意识。 有丰富的网站前端工作经验。 笔者认为上面这段招聘信息仅仅列出了一些基本的要求，一个优秀的前端工程师需要掌握很多与之相关的技术，绝大部分的团队都需要一个真正理解及应用这些技术的人才。正确地深入理解前端所应用到的各项技术和技能，并且能做到有的放矢，这对于个人及团队都是有利的。下面我们进行整体的概括。 2.1. 业内标准 关于业内标准，首先必须了解的是W3C的一系列标准，前面的章节中已经详细地介...
前端开发所需掌握的技术（2）
5. 表现层逻辑 很多前端开发人员并不重视这部分内容，在有的公司，这部分内容根本就不属于前端开发人员的责任范畴。但是笔者认为，表现层是页面与后端程序沟通的桥梁，作为一名出色的前端开发人员必须关注它，这将有助于应用的可维护性。单纯从页面的角度来讨论前端架构是比较片面的，这也常常会造成对于前端设计人员设计的页面或风格，后端开发人员没有办法实现的局面。因此，结合表现层的逻辑来考虑整个前端架构更为合理，比如，在实体设计的时候就可以考虑到未来在页面上要如何展现这些设计，是否能够实现原型的效果。前端开发人员介入表现层开发将有助于解决原来前端开发所存在的一些问题。 在软件体系架构中，三层的结构是最常见的，通常客户端不直接访问数据库，而在它们之间加入服务层，用于处理业务逻辑及数据访问。图1-11是最常见的Java EE三层结构图。 | | | （点击查看大图）图1-11? Java EE三层结构图 | 表现层的实现上，在Java EE领域与.NET领域，主流设计模式是MVC（Model View Controller）模型。它强制性地使应用程序的输入、处理和输出分开。使用MVC应用程序被分成...
web前端设计师–令人望而却步的学习曲线
令人望而却步的学习曲线 我们先来看看作为一名合格的前端人员应该掌握或具备哪些技能： 首先就得熟悉HTML，掌握W3C的标准，要学就得学最规范的标准。浏览器最少也要了解四五种，如IE、Firefox、Chrome等。样式也得掌握，以CSS2为主，多看看欧美牛人的风格DIV布局，特简约的那种。可用性也很重要，甭管有事没事总把用户放在心里，再买本工艺美术理论方面的书，有事没事就翻翻，设计个按钮就得花个七八天的时间。交互更重要，现在不是Ajax，就是RIA的，你要是用alert弹框啊，你都不好意思跟人家说去，这样学下去，得学多少年啊？两年时间？那是入门。四年以上？你还别嫌多，就是复杂。认真掂量下这些技术，学好其中的任何一门都要花好几年工夫。什么叫成功的前端开发人员？就是不但代码写得好，还要懂设计，懂美学。所以，前端开发的口号就是：不求最好，但求最全。 2.1. 角色的特殊性 也许有人会问：“为什么一个做页面的人要掌握这么多知识？”前端设计师这个职位有其特殊性：前端作为与用户直接接触的一层，与用户的相关度高，需求变化频繁。用户不会关心数据库是MySQL还是Oracle，也不会关心你是用...
前端开发人员如何自身定位
前面发表了很多关于前端开发的消极言论，比如，提到前端开发人员费力不讨好、前端开发的一些不规范现象、前端开发的学习曲线比较特殊等。这些是否暗示这个职业没有发展前途呢？答案是否定的，虽然目前前端开发领域确实存在这样那样的不足，但是笔者认为这个行业的未来是光明的。那作为一名前端开发人员要如何对自己进行定位呢？下面是一些建议，和大家分享一下。 第一，这是份很有前途的职业。选择新行业，选择新企业，选择新部门，这很适合一些刚入行的朋友们。互联网行业相对于传统行业算是新行业；如今的互联网公司也在蓬勃发展，公司的种类与数量都在上升；前端开发这块领域也正被业内重新认识，一些中高端和一些崭新的前端职业的出现就是一个可喜的标志。 第二，想一下自己是否适合和喜欢这份工作。Web 前端工程师并不是设计师，笔者更倾向于将这个岗位定位为开发人员。在这个岗位上每天接触到的更多的仍然是代码。如果你喜欢的是设计，那么应该适当调整自己的学习重点。Web 前端工程师应该是那种完美主义者。术业有专攻，多想想自己的职业规划，要有长远的打算，不能总是停留在网页设计这个初级阶段，要逐步地涉及用户体验、前端架构等领域。 第三，通...
Google URL语法
1. ? 使用Google URL 高级Google用户正是从Google的Web界面搜索域开始测试高级查询技巧的。他们不断地推敲查询关键字直到得到正确的结果为止。每个 Google查询都可以用一个URL来指向搜索结果页面。Google的搜索结果页面不是静态的。它们会在你点击Search（搜索）按钮或者打开一个链 接到结果页面的URL时动态创建的。通过Web界面提交的查询能够打开可以用简单的URL来表示的结果页面。例如，考虑查询ihackstuff。当你输 入这个查询之后，Google立即转向类似于下面的URL： www.google.com/search?q=happysnail.org 如果你收藏了这个URL并在以后打开它，或者在你的浏览器地址栏中输入这个URL时，Google会处理你对ihackstuff的搜索并返回相应 的结果。此时，这个URL不仅是一个连接到结果列表的链接，而且还是Google查询的一种简洁、美观的表达形式。任何经验丰富的Google搜索用户都 能看懂这个URL并知道查询的主题。这个URL也可以相当容易地进行修改。通过把happysnail.org改成h...