艺术设计课程论文
论文题目
网站中 U I 设计的开发过程
引言
网站 UI 设计的开发过程是经过系列严密的策划，结合市场和产品----网站 本身而进行的一向活动。每个环节的工作都决定着产品今后能否有效实施，开发 工作能否有效的进行。在开发过程中，不同环节都是为下一个阶段铺垫，直到最 终产品的上线。在整个过中，UI 设计的开发是决定网站成败的关键。
关键词：市场定位、人机交互、文化理念、 网站个性、
一个网站的 UI 设计是影响这个网站成败的主要因素之一。好的 UI 设计不仅 是让网站变得有个性、有品味，还要让网站的操作变得舒适、简单、自由、充分 体现网站的定位和特点，突出网站的文化理念。
UI 设计则运用了心理学、设计学、美学、社会文化学等一系列的学科知识 交叉相溶而进行。对于网站 UI 设计是经过对产品精确的定位，针对市场分析， 从而设计出符合产品本身和市场的 UI。
目前，随着信息化、数字化的快速到来，传统的媒介已经不能供应人们对信 息的大量需求，取而代之的“互联网”进入人们的生活中，逐渐成为人们生活中 的主流媒介。“互联网”庞大的信息将通过大大小小、形同各异的载体--网站呈 现在人们眼中，而对于现上线的网站都是一个模版，十分混乱。对于这一问题， 如何进行 UI 设计将是一个大的挑战。要使一个网站与其它网站有所不同，就必 须设计出符合自己理念的 UI，从而使网站能从视觉传达出的信息有属于自己的 特点，具有很强的附着力。这样才能让消费者在潜意识中留下印象。从而提升产 品的品牌形象。
1、市场分析与产品的定位阶段
1.1、市场分析 市场分析是对市场规模、位置、性质、特点、市场容量及吸引范围等调查资 料所进行的经济分析。它是指通过市场调查和供求预测，根据项目产品的市场环 境、竞争力和竞争者，分析、判断项目投产后所生产的产品在限定时间内是否有 市场，以及采取怎样的营销战略来实现销售目标。 通过对市场的分析了解客户群体，得出运行方式，最终确定客户群体。对分析后 的数据统计和分析对出一个准确的市场定位。得出了一准确的市场定位后，UI
设计师才能有一个准确的设计方向，才具有针对行的进行设计。有了明确的方向， 才能在开发中设计出符合产品----网站的 UI，使产品与其他的产品拉开差距，赋 予产品有力的竞争力。 1．1 ①市场分析的方法，一般可按统计分析法进行趋势和相关分析。 从估计市场销售潜力的角度讲，也可以根据已有的市场调查资料，采取直接资料法， 必然结果法和复合因素法等进行市场分析。 对任何事物的认识是有一个从抽象到具体的过程，对市场进行系统分析时，市场 是一个非常复杂的现象，对它的分析研究也必须遵循这一认识规律。市场分析在对市 场这一对象进行研究时，首先对市场问题进行了概括的阐述继而又以基础理论、微观 市场、宏观市场对市场进行了较为详尽的分析，最后又对市场的各种类型进行了具体 的解剖，从而使人们对移个市场的状况和运行规律既有了概括的了解，又有了具体的 认识。 1.2、产品定位 产品定位是在足够的市场调查和分析数据后得出的符合消费需求的结果。对用什 么样的产品来满足目标消费者或目标消费市场的需求。对目标市场的选择与产品结合 的过程，也即是将市场定位企业化、产品化的工作。同时，在这个过程中，赋予产品 的文化和理念也在无形中产生，变得明确。 UI 设计师以产品的定位为基础，针对最终用户群即他们的特征进行分析和设计。
2、用户研究与分析阶段
经过初步的市场定位和产品定位，明确了产品的方向，这个阶段将是 UI 设计师进 行详细的更有针对性的研究和分析。在这个阶段作用，是为后面的工作做更系统的、 更详细的分析。例如：用户特征、用户习惯、界面的作用、设计过程中需要什么技术、 需要什么软件、开发的大体时间等都是在这个阶段做出报告。
UI 设计师将收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等， 提出用户研究报告和可用性设计建议。用户研究也是人群细分化的研究，在目标人群 中，每个人的生活方式、习惯、情感都是不同的，而对于 UI 设计而言就必须对用户 进行研究和分析得出他们的共性。只有了解了用户的需求，才能使设计出的 UI 适合 用户。
对于技术的分析，也是 UI 设计者迫于考虑的问题。在一项开发的项目中，工作者 会用到很多种技术和各种各样的软件来辅助设计工作（例如：后台的开源技术、编程 技术、前台的各种软件等），而这决不是一个人能完成的工作，它需要一个团队共同 进行、相互协助来完成，所以对技术的分析也是对有限资源的整合和分配，对资源的
有效利用。 对产品理念的提炼，使在设计过程中把这种理念注入到可视的 UI 中，而这个过
程需要对产品有十分详细的分析和了解。 UI 视觉设计具体分析的：logo、标准色、主色调及配色、排版布局、导航、
按钮、表单、icon、布局模块、tab、列表前端代码相关包括 css 样式规范和 html 代码结构规范，具体有：
文字样式（链接、字符串、文本段落） 框架样式 模块样式（包括各类边距等细节、 写一个规范代码） 链接样式 图片样式 标签样式 表单样式
3、架构设计阶段
在这个阶段，UI 进行风格设计出界面，和需求部门拿出定稿；UE 对原型进 行优化，整理出交互及用户体验方面意见，反馈给 UI 及需求部门；UID 等待效 果图，开始代码编制。html 代码结构规范的原则是：尽量少的代码量规范且规 律的写法实现设计效果，标签使用上尽量保持页面元素其原本涵义（如该用 h、 p、table、hr 等标签的地方用相应标签，不能用 div 用上瘾了），及照顾到 seo 的写法。
UI 主要职责：根据可以性分析结果制定交互方式、操作与跳转流程、结构、 布局、信息和其他元素。界面设计、图标设计、风格设计。
这时候 UI 是与产品及公司高层的详尽沟通下，尽可能的了解他们的愿望及暂 时可用的质料对产品进行定位，比如是做行业门户、新闻资讯、 企业形象、社 区、电子商务、功能服务等等，各种类型的网站在 UI 设计的思想上都不同，进 而在后面细节上都有非常大的区别和取向。美工在脑中初步对设计风格、色彩有 个把握。有了这些酝酿和准备，再根据提供的产品原型设计出平面稿，待产品和 高层审稿修改确认后制作 demo，如果有 UE 人员，将对 demo 进行评审。
4、原型设计阶段
对前面所有工作在设计方面的实施，根据进度与成本，可以把原型控制在“手 绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个 DEMO，它不需要
