UI设计教程,GUI设计教程UI设计,界面设计,网页设计,设计工作室，GUI设计知识，

从大的发展来看， 网站就是一块试验田，一块在错误中成长、在错误中变强变大的试验田。这决定了互联网产品的成长路线，一定是一个反复修正和迭代的曲线。 很多，多年前的产计，当时未能取得成功，有的还一败涂地。拿到今天，稍加包装就成了最热门最合适的设...

这是一个著名的模型，把UCD过程中的每个工作步骤和内容都完整而流畅的概括进来。很大程度上帮助我理清了UCD相关的混乱头绪。以这个模型为基础，我整理了一个比较可行的UCD流程。 当然迫于条件的限制，我们不可能有机会去做用户研究相关的工作，通常是从竞争...

...

如何创建的WordPress主题从无到有-白手起家(1) 中，主要谈到了关于PS设计模板结构，而今天将给大家讲到的是关于 wordpress 模板结构的CSS样式表的分步建立，以及HTML代码的编写，这里先和大家说一下，本主题制作先是以HTML代码编写，之后运用 wordpress 程序...

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，...

快捷方式的组合 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些在西文Windows及其应用软件中快捷键的使用大多是一致的。 菜单中： 1):面向事务的组合有: Ctrl-D 删除 ;Ctrl-F 寻找 ;Ctrl H替换;Ctrl-I 插入 ;Ctrl-N 新记录 ;Ctrl-S 保存 C...

菜单位置： 菜单是界面上最重要的元素，菜单位置按照按功能来组织。 菜单测试细则： 1): 菜单通常采用常用--主要--次要--工具--帮助的位置排列，符合流行的Windows风格。 2): 常用的有文件、编辑，查看等，几乎每个系统都有这些选项，当然要根据不同的系统有...

系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。 帮助设施细则： 1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)。 2)：打包新系统时，对作了修改的地方在帮...

绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。 绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，...

沟通部分,适合大部分设计行业. 本章全是理论的东西,不牵扯实际设计. 写文章真的很辛苦,大家顶一顶吧..... 步骤 1:定位 在通过与客户,或与和客户接触的业务人员交流,做出一个准确的定位. 定位的准确与否,虽然不能决定一定通过,但如果定位不准或相差太远,那么1...

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相...

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？...

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？...

自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站视觉设计的一些要点，有他人经验，也有自己的心得： 1 logo： 基本logo特征，符合logo设计基础（平面设计通...

...

Google Webmaster Central Blog 最近讨论了一些关于404错误页面的问题，我认为还是非常有用的，这就引出了我们今天要谈到的一个问题：404页面应该如何设计？ 首先，何为404错误？ 404是一个 http 错误代码，即请求的网页不存在。第一个4表示客户端出错，0表...

浏览器的出现 互联网的出现是人类信息交流方式的一次划时代的革命，在这场革命中有两个技术对互联网的发展起到了决定性的作用：一个技术带来的人类信息交换方式的改变，人们普遍的使用电子邮件时信息交流方式；另一个技术则是由伯纳斯－李和安德里森带来的网...

虽然现在IE还是主导了整个浏览器的天下，但IE靠的并非是产品设计上的优势，而是依靠windows的力量，因为绝大多数的初级网民认为IE的产品体验不妨碍他们浏览网页。从产品体验上来看，其他浏览器的tab的设计体验，是让很多IE用户倒戈的直接原因。 浏览器tab的...

当代设计公司 像我这一代设计师，大概都是从1997年到1999年这一段时间开始创业的，那时侯中国的设计行业尚处于信息闭塞的年代，换句话说就是谁掌握了信息，谁就掌握了竞争的优势。深圳广州毗邻香港，信息领先内地，在那个年代，自然设计行业领先于内地，那时...

如何选择设计公司 经历过青春80年代的我们，到了1990之后，自然而然都变成了愤青一族，混沌于超越现实的理想和现实残酷的时代之间。我们因为热爱青春而丢失青春，因为迷信理想而与理想分手，在最需要坚持的年代里，很多像我这样骨子里有点投机分子倾向的人，...

真是一群白痴 当时在苹果负责MacOS人机界面设计小组的柯戴尔瑞茨拉夫（CordellRatzlaff）认为，将丑陋的旧界面装在优雅的新系统上简直是个耻辱，于是他很快便让手下的设计师做出了一套新界面的设计方案，新界面尤其发挥了NeXTstep操作系统强大的图形和动画功...

本篇已得到原作者的翻译准予，在此Jorux表示感谢！ 本教程主要参考，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。 第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站...

原文: 翻译:PARAN Web 2.0是新一代的网站发展目标，原始的电子商务现如今正开始开始向它进行转型，以期达到提升现有领域和创建一个简洁良好的Web设计。通常，一个 Web2.0网站，大都只有较少的文本，而更多内容则是图片以及较大的文本，而相对于一个整体布局...

从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。 如果你是一个初学者，很可能觉得做一个网页的第一步就是布局。其实不然，css网页的设计过程可以参考分为以下几步： 平面设计 页面切割 布局 细节控制 1. 平面设计是一个...

大部分人见到我的第一句话总是说：你看起来就是一个艺术家。岂不知这是我最不希望听到的，因为我希望我的客户，或者即将成为我客户的朋友们，第一眼就相信我是一个聪明的商人。因此我总是想剪掉我留了二十几年的长发，我的合伙人们也这么认为，还曾经在电脑上...

很多朋友不止一次的提起在网络营销或电子商务中，企业网站所起到的重要作用。但从我的个人立场来说，有很多问题值得进一步深入讨论。很多商业上的朋友看问题的角度都是从商业化的、实用化的角度出发，与纯技术角度相比，当然更加实际、更适合企业的实际需要。...

提到web2.0网站设计，想到最多的便是交互体验设计，那么到底什么是交互体验设计？网站的交互体验主要表现在哪些方面？和大家分享一点思考和想法。 所谓网站交互体验，就是用户对网站浏览和操作过程的感受，是对网站设计和功能安排的认知和体会。它包括感官体...

...

原文： 作者： Bret Victor 策划信息化软件革命 机器的大规模生产始于在20世纪初期。 Henry Ford的装配流水线方式推广到了整个制造业，大幅降低生产成本，使一般人也买得起各种机器。但是许多产品并不容易操作。商人给出要求，工程师加以实施，设计环节是不...

原文： 作者： Bret Victor 交互性被认为是不利的 Chris Crawford为交互定义了一个三个阶段的进程： 获悉指令，判断含义，作出回应。 对于操作型软件来说，交互是十分有必要的：用户通过查看所呈现的内容，判断并执行下一步的操作。软件进而执行用户的操作要...

facebook的信息架构设计，是目前为止互联网上我见过的最合理的信息架构。 每次，我基本都需要拿20分钟左右的时间来解析它，包括老的、新的、被抄袭的。 一直打算把这个解析过程写下来，但讲的时候可以图音并茂，写的时候确实表达起来很难。 今日权且一试，希...

说起网络上的百科全书想必你第一时间会想起，它是全球最大的百科全书。维基经历了多次的河蟹，，如今由于某些特殊原因，除某些非常不和谐的条目，基本已经可以访问。Google刚推出百科全书服务-（）。与维基百科相比，有明显的不同点。用一句话来说， 维基是...

本文摘译自 Wired.com（Wired 杂志网络版）的执行主编 Leander Kahney 于今年上半年出版的《Inside Steve's Brain》一书。刊发在了《环球企业家》杂志7月5日出版的15周年特刊上，我们试图通过 Kahney 描绘的这些片段，来了解乔布斯究竟如何工作。 一个可以有...

极限主题的talis朋友问起我怎么实现WindowBlinds主题的窗体，所以就写下这篇小教程，希望对初学的朋友有点帮助。 首先当然是设计，这个过程应该怎么进行因人而异，很多设计师朋友的习惯是设计完主题的所有部件然后放到一张预览图里查看效果。而我个人的习惯是...

Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？ 周末，根据建站的一点经验和观察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点，将其梳理概况，但仍是较为粗浅，com...

Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？周末，根据建站的一点经验和观察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点，将其梳理概况，但仍是较为粗浅，com...

...

从草图到图标-浅谈图标制作过程 1为什么制作图标 及图形化解释说明事物 一个简单的购物行为的图标表现形式 下面我们用淘宝商城中的购物流程的图标设计来说明下我个人制作图标的制作过程 淘宝商城购物流程图 搜索/浏览商品 加入购物车 结帐/付款 收货/评价 获...

所谓天赋（左脑和右脑） 也就是你是否有艺术天赋，天赋也许是存在的，这主要在于人类左右脑的分工。左脑主要负责逻辑理解、语言、判断、分类、分析、推理，这类人才可能对数学、逻辑和细节分析方面更加敏感。右脑主要负责情感、直觉、想像、创造力、象征和灵...

前几天听朋友讲述了他是怎么喜欢订阅上手机报的过程，让我对培养用户使用习惯有了一些新的认识。 在去年的某一天下午，这位朋友收到一条短信，短信的大致内容是：某服务商推出了一种新的服务手机报，如果你愿意可以马上为你开通免费使用三个月。随后附着了一...