网站设计有哪些应该写的文件？

身为 西安网站制作的UI 设计师，工作内容不是只有做 PSD 和切图，只会这两样的叫美工。基本一位合格的西安网站制作UI设计师必须要具备撰写文件的能力，文件较0限度需包含：企划书、规格书、Wireframe、Mockup、切图、标示文件、UI Kit、UI Pattern、Guideline >>>

小学时的作文「我的志愿」想当作家，当作家好啊不用出门就有钱赚，看这思想多单纯多懒惰…结果现在变成西安网站建设设计师，只能把写作当兴趣了。

网站制作设计师在工作流程上会需要产出各种文件，请当成存证信函在写，反正文件基本功能就是存证和沟通用。不管什么文件都有几个共通的要点：

• 不需口头说明就能看懂。
• 有多详细写多细，避免使用「等等」（etc）这类词汇。
• 版本控管。

我不是在上位的主管阶，自始至今我都是先进线基层人员，就只分享先进线要做哪些事、具备什么素养、懂哪些事。其他的等我爬上去经历过了再说。

网站建设企划书

这是 Planner 的工作，但 UI 设计师一定要具备 5W 2H 1E 的基本能力。

• What  什么—— 企划的目的、内容。
• Who  谁—— 企划相关人员。
• Where  何处 —— 企划实施场所。
• When  何时 —— 企划的时间。
• Why  为什么 —— 企划缘由、前景。
• How  如何 —— 企划的方法和运转实施。
• How much  多少 —— 企划预算。
• Effect  效果 —— 预测企划结果、效果。

网站建设规格书

规格书分成 2 种， Functional Spec 功能规格书、Technical Spec 技术规格书。技术规格书是 RD 在写的，和设计师关系不大，功能规格书才是设计师要注意的目标。

规格书定义出这个案子有哪些要做的事、需包含哪些功能，比如购物车、留言版、会员系统等等，和企划书是有效不同的文件。

很久以前写的旧文 初学者的 Functional Map 可以当成功能规格书的极简化版，UI 设计师不需要到会写完整又详细的功能规格书，但一定要具备整理这份 Map 的能力。

规格书包含 Flow chart 和 UI Flow。Flow chart 为流程图（包含用户操作情境或功能 Flow）； UI Flow 则特指接口间的操作流程，两者是不同的图表。

网站建设Wireframe

正常的软件开发流程一定包含企划书、规格书，如果不这么做的通常…咳…总之，到了 Wireframe 阶段应该就是 UI 设计师熟悉的工作了。

Wireframe 一定要写说明文字！
Wireframe 一定要写说明文字！
Wireframe 一定要写说明文字！

很重要所以要说 3 次。（这梗早被玩烂了）

有点像 User Story 但不全是，说明文字要注明该页面上的各种操作、组件变化，参考 各种状态与突发状况，能考虑越周到越好，事前预防总比事后发现有漏要硬塞来的轻松。

网站建设Mockup

就是开 Photoshop 或 Sketch 之类绘图软件制作精稿，设计师较熟悉的会话，也较婊 RD 的一步。不要设计得超炫结果实作人员做不出来还怪 RD 学艺不精，看他们砍不砍死你。

和设计师听到「就不能用比 #FFF 更白的颜色吗」同感，对实作技术外行就不要充内行。Mockup 虽说是设计师较熟的文件、却也是问题较多的文件，需熟知各平台规范、Web 框架，才不会搞一堆能看不能用的「个人作品」。

网站制作切图

切图这工作可能在 F2E 或设计师身上，F2E 的工作刚好踩在各种在线比较全能一些，若是 App 项目会由 UI 切图。曾遇过设计师很高兴的说，切图被他们家 F2E 拿回去做，不再是他负责了…是图切得有多不敷使用导致被 F2E 放弃？

各家平台不同，切图的方式也大不相同。UI 设计师需熟知各家切图方式并用可被轻松理解的方式切出合用的图档。

网站设计标示文件

当 Mockup 制作完成进入切图阶段后，需要制作一份写明各元素尺寸、位置、色码、透明度、字型、字级、文件名等信息的文件交给 RD，RD 才会知道「数值」多少。别指望他们在没有任何说明的情况下就知道这图片怎么用、放哪里、间隔是几 px，有这等神通力谁想当 RD。

网站设计UI Kit、UI Pattern、Guideline

这三样是有效不同的文件，常常被混在一起讲，更甚者会连标示文件一起搅进来大乱斗。

网站设计：UI Kit

Dribbble 上很多设计师会把自己设计的某产品所有组件全部集中在一张图上，这种文件称为「UI Kit」。成套的 UI 组件库概念，只有图、不太会有文字说明，常见于原始档，方便使用。

网站设计：UI Pattern

刚好夹在 UI Kit 和 Guideline 中间。像 UI Kit 一样用功能或用途分类、并集结组件，但又像 Guideline 说明各个组件要怎么用（实作上要怎么运用、不是概念说明）。

网站设计：Guideline

拆分某产品系列所会用上的所有元素至较小单位，并分阶层类别，需要大量文字辅助说明该元素的意义和运用规则。需透过审核机制才可变动其内容。公司所有成员都应可透过简单的方式取得此文件，同等于公司的企业识别系统。

设计的方法

光是第下列 11 条误区就很有一读的价值，玻璃心的设计师就不要买这本了，会被打脸打得很惨。

误区一：设计是艺术的兄弟姐妹
误区二：创意是存在的
误区三：与众不同即为好
误区四：必须寻找灵感
误区五：才华非常重要
误区六：设计是一种生活方式
误区七：自我表达很重要
误区八：设计师比客户聪慧
误区九：设计师是受众
误区十：奖项的价值
误区十一：创意人士不应被规则束缚

初起步的设计师很推入手这本，先建立起正确的态度和观念，打下基础才不容易被带歪。对设计的理解、什么是「设计」、要怎么做设计、如何活用各种设计方法、可能遇到什么样的困难、该如何解决等等。

网站设计的心理学

重量级经典巨作，Norman 的书被许多高级的设计学院指定为必读书籍。我买的是 2014 出的改版，据作者说法：「我修改了些什么？也不太多，只是将整本书全改了一遍。」且他特地挑了不会退流行的例子，是本设计师必买且仔细阅读的教科书。

他用了非常多的实例叙述人类是一种矛盾的生物、而且口嫌体正直。可以用什么方式找到使用者真正的需求而不是被他们的言语骗了。

对于不知道设计师脑袋该装些什么思维逻辑、要用什么角度看世界的新手而言，读过这本会有种「付出代价偷看一眼真理之门」的感觉。

虽然这本书对实作技术没什么太大帮助，不会跟你说这边要怎么做、那边怎么改，就是本「练品味」的书。每年较好固定重看这本快速，得到的感触会大不相同。

网站设计设计思考改造世界

经典的重量级巨作，极不推荐新手看！尤其看完就开始喊口号的家伙…脑袋清楚知道自己在干嘛、业界在干嘛、公司在干嘛的中阶设计师来看这本比较不会祸害同事。

一样，这是本每年都要重看快速的书，随着和「设计无表面上直接关连」领域的经验和知识增加，对书中提到的内容体认也会有效不同。

这本书讲得非常美好世界大同，现实业界有效不是这么回事，搞不清楚状况的家伙看这本会盲目跟从书中的作法，回头把项目团队搞得鸡飞狗跳。所以非常不推等级没到的人来看这本，别说拿这本垫基础，没被自己脑补带歪掉就万幸了。

请对项目流程、项目管理、软件开发、团队合作、公司营运、业界动态、信息发展等都有了粗浅的认知再来研读。（不要问我为什么这么偏激，身边就有活生生的例子。）

网站制作字型散步

这本书里有很多「敏感」照片，所以中国大概不会出简中版。

许多设计师对「中文字体」的认知其实很不足，学校不会教得那么细，做网站建设和 App 的碍于种种因素又只会用到内建字，就不太会把点数投资到字体字型上。（对、我在说我。）

字型散步非常适合当成设计师的闲书来看，虽然书中专业知识不少，但文笔和图多的情况下阅读起来很轻松不吃力，适合配下午茶晒个太阳慢慢看。

看完对中文字体的认识有更深的理解，同时会更珍惜台湾这片土地和文化。字体演进不是神说有光就有光啊！

       以上内容由虎网科技（西安网站设计,西安网站制作）为您提供，更多精彩内容：https://www.huwz.com/

关注“虎网科技”微信公众号，快速获取互联网较新资讯

度蜜月去巴厘岛旅游怎么样，度蜜月巴厘岛多少钱

    度蜜月去哪旅游合适呢？ 海岛婚纱旅行蜜月拍摄网红地，最美的你陪我走过最美的地方 海岛婚纱旅行蜜月拍摄网红地，最美的你陪我走过最美的地方最美的婚纱现场一样是细软的沙滩、清澈的海水、透明的阳光，一样是花环，笑靥……即使有这么多相同，撒落在苍茫大海上千万个岛屿却依旧各有美丽、各有性格。十一黄金周长假给予更多情侣婚纱的拍摄和蜜月游的充裕时间。你的心中，怎样的岛屿才是最美丽浪漫的？如果你的婚期将近还没有安排...

       虎网网络助企业建站高人一等 首先自我介绍下，我们是 虎网网络科技有限企业 ，是全国各地专业的网站制作企业，虎网网络为企业解决网站制作一系列问题，包括网页设计，程序开发，前台后台开发等。虎网已经为成千上万的知名企业制作了优质网站，采用的程序主要是目前流行的PHP语言。当然，对于asp或者.net的语言，虎网也是没问题的，企业的技术已有8年以上服务经验，客户完全可以放心。 虎网网络 　　谈及网站制作的类型，虎网主要从以下几方...

       怎样让浏览者喜欢你的网站? 网站内容结构合理 对于一个网站来说，如何合理地组织自己要发布的信息内容，以便浏览者能够快速、准确地检索到要找的信息，是一个网站成功与否的关键。如果一个网站不能让访问的用户迅速找到自己要找的内容，那么这个网站很难吸引住浏览者。 网站信息必须经常更新　 主页设计得好，自然会吸引人们的注意，但是只能吸引一两次而已，要想长期地吸引住浏览者，最终还是靠内容的不断更新。 每次更新的网面内容要尽量在主页中提示给...

       外贸营销网站建设特点 目前外贸B2B与B2C竟争激烈，企业要自己建立B2B和B2C外贸销售平台，由于缺乏网络营销、技术开发、外语客服和支付处理，更是非常困难的一件事情。 一、外贸B2B和B2C产品的选则 适保外贸B2B和B2C的产品相对要求较高，因为需要从中国到美国等其他国家的运费和满足客户的运输时间要求。下面列出了在行业或产品选择方面的一些考虑： 1、一般为成品，针对个人消费者，快速消费品要优于耐用消费品，使用周期...

       网站哪些设计不讨好客户 有的企业为了使网站大气好看，就会在网站里设计FLASH动效，或者每个栏目版块都带有动作效果，以此来衬托自己的不同。说真吧，企业给网站设计的时候并不是一直想哪种设计客户更喜欢，而最需要考虑的是哪种设计不讨好客户，要避免客户不喜欢的设计。毕竟网站并不能设计到人人喜欢，在众口难调的情况下我们就要分析哪些不讨好的设计需避免。整个网站从头到尾需要考虑的问题有很多，网站不是自己看着好就行，最终推到客户面前，客...

       福田鑫陶工业设备同虎网科技签署网站建设合约 鑫陶坐落于深圳市福田区马田街道将石社区新围第一工业区A1区25号一楼A区。鑫陶是经深圳市福田区工商局审核的有资质公司，统一社会信用代码：9144030059074632X3。鑫陶选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 　　公司专业生产各种系列的实验电炉、高温单（双）通道推板窑、辊道窑、气氛保护（窑）炉、网带炉、升降炉、箱式...