网站内容规划网页设计(一个成品网页的内容构建策略(ContentStrategy)成品)

优采云 发布时间: 2021-09-15 09:23

  网站内容规划网页设计(一个成品网页的内容构建策略(ContentStrategy)成品)

  一个完整的网页由网页设计和网页工程两部分组成。内容规划是网页设计的一部分。在网页设计学习中,网页设计过程中有一个环节叫做内容策略

  

  图1

  

  图2

  步骤1,图1,内容构建=规划。在这一步中,有必要组织项目的框架内容、网页的主要目的,并有明确的背景和规划。如图2所示,网页不仅限于PC输出,还可以输出到手机和iPad中

  第2步,指定网页设计中的三个利益相关者,至少网站所有者和网站用户网站所有者需要考虑他们自己的需要向最终用户传递信息、技术实现、信息传播空间和渠道,为了便于发布和交互网站用户需要找到他们感兴趣和有用的信息。他们需要网站具有信息的准确性和共享性

  

  图3

  步骤3:在图3中,创建一个用户肖像,并将其与网站适用组相匹配,该组将收录用户的属性、目标、期望等。在建立人物角色之前,我们通常通过广泛的访谈和问卷调查来定位目标人群

  

  图4

  步骤4:图4。通过前三个步骤的基本铺垫,我们可以大致了解web内容的发展方向。此时,我们可以对页面功能内容进行初步分类。例如,用餐页面有四个功能部分:自助服务、烹饪课程、家庭服务和餐厅

  

  图5

  

  图6

  步骤5:图5,然后是网站层次内容规划,分为第一级、第二级和第三级;这四个功能模块的内容按主次分为三个层次。在这里,单击主厨*敏*感*词*服务作为主要功能,并在第一层下列出服务索引。在第二层,博客共享是一种交流方式。第三层需要指出辅助信息,如支持面向食品消费服务的网站输出的合作站点

  步骤6:图6,单个web页面的分层内容规划,进一步填充侧范围层次结构中主页中的分层地图。主页下方有四个级别的内容,每个级别的内容依次分层和标题。许多网络设计初学者在信息框架图的推导上主观,或缺乏分段。第5步和第6步内容级别的详细输出将使项目更具逻辑性

  

  图7

  步骤7:如图7所示,web内容的优先级也需要从分层优先级中提取,以线框可视化的形式表示,并通过颜色来区分。目前,很少有人利用色彩模块的主次关系来研究网页设计。有人建议,这样的分区块可以使读者阅读更顺利

  

  图8

  步骤8:图8。完成此步骤后,可以规划信息结构。信息架构图最直观地显示了网站架构,这是上面一系列推导的结果。例如,在这个信息架构图中,您可以直观地看到服务栏下有家庭厨师、餐饮和餐厅

  

  图9

  步骤9,图9,制作一个线框。线框是一种低保真度表示,用于显示网页中的逻辑序列。线框线框的输出也是网站内容制作的一个重要过程。注释和修改跟踪也会在迭代后修改,留*敏*感*词*释。我们通常推荐我们的学生,并邀请1-3名学生帮助完成迭代过程

  

  图10

  步骤10,图10,将许多线框线框排列在一起,并添加定向连接线。连接没有方向的导线将使线框看起来不合逻辑,并失去测试迭代对其他人的意义

  以上十个步骤来源于康石狮周围的学生在学习网页设计时构建自己的网页内容的步骤,用户反馈的修改意见足以处理一般的网页设计

  希望启发

  -----------------

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线