Home » 标签 线框图设计 下的文章

页面线框图教程(之七):不需要存在的原型

<p>线框图原型是网站核心策略“<span class="so-called">着陆</span>”的重要步骤。将机巧的想法转化为实际产品是一个<span class="so-called">复杂过程</span>,这种复杂并不仅仅体现在技术层面,而更突出的表现在团队配合中;倘若三两个人的迷你团队,只需要很少的文档就能够达成协作一致;页面原型作为<span class="so-called">从创意到执行的中间文档</span>,贯穿整个团队的工作,对于大型项目和团队协作的确有些效果。作为线框图系列教程的完结篇,本文将对页面原型的<span class="so-called">前世今生</span>进行讨论,探寻<span class="so-called">抛弃原型</span>的敏捷之路。</p>

+阅读全文

页面线框图教程(之六):用交互实现屏幕复用

<p>屏幕是万维网的创作介质,引入一个时下很流行的概念,屏幕也是所有“<span class="so-called">数字多媒体</span>”的展示介质,这是与传统的纸面印刷最大的区别;屏幕带来了用户交互、时间与空间差异,这也是毕昇发明活字印刷术时始料未及的;创建网页的本质是内容信息架构的呈现过程,如果玩转内容形式主义是<span class="so-called">雪中送炭</span>,那么用交互实现屏幕复用就是<span class="so-called">锦上添花</span>。当网站策划人员、产品经理也不得不暂时替代交互设计师的工作(这是大量存在的),就必须要掌握最基本的屏幕复用原则。</p>

+阅读全文

页面线框图教程(之五):玩转内容形式主义

<p>低保真原型已经确定了页面的基本结构,至此,作为产品规划和网站策划的工作已经完结了;但是往往在实际的团队配合中需要更精细的“<span class="so-called">蓝图</span>”作为可执行的指南,此时,高保真原型更具有实践价值。所谓“<span class="so-called">高保真</span>”即尽量的<span class="so-called">将页面细节进行规范和展现</span>,模拟最终页面效果和用户交互,是页面逻辑结构向最终形式的一种延展;同一内容结构具有<span class="so-called">表现多样性</span>的特征,即<span class="so-called">从一个低保真原型可以衍射出若干高保真原型</span>;进行页面高保真线框图设计,就是玩转内容的形式主义。</p>

+阅读全文

页面线框图教程(之四):再谈网站导航系统

<p>在确立低保真原型线框图之后,一般的根据需要进行高保真设计;在《网站导航设计杂谈》中,已经明确了导航系统的设计并<span class="so-called">非网站设计的第一要务</span>,然而整个网站的设计的核心任务却只有一件事:引导用户快速的访问到自己需要的内容;导航系统是完成这种用户引导的重要工具之一,因此无论是否需要生成高保真模型,针对导航系统的详细描摹都显得<span class="so-called">非常的迫切</span>,几乎成为了设计线框图的必须步骤。</p>

+阅读全文

页面线框图教程(之三):模板的活字印刷术

<p>元素填充是一个快捷的过程。作为线框图设计者,那些简单项目完全可以一口气把所有的页面都进行填充;然而对于复杂的系列线框图,更推荐先对模板进行整理和细化。<span class="so-called">模板是贯穿整个项目的信息纽带</span>,同时<span class="so-called">决定了最终效果的访问风格</span>;理解模板的概念并不难,甚至很多原型设计工具都提供了单独的模板功能(比如Axure);模板系统如何建立、如何灵活应用,将是本章的话题。</p>

+阅读全文

页面线框图教程(之二):画地为牢的框架设计

<p>无论是设计低保真草稿还是高保真的模拟原型,线框图都是从<span class="so-called">基本的布局</span>开始;良好的布局是顺畅视觉流程的开始,同时也奠定了最终访问效果的基调;<span class="so-called">布局是一个画地为牢</span>的过程,什么东西放在哪里一旦基本确,界面就大体确定了;设置条条框框并不是为了限制界面设计师的发挥,而是要达到页面之间的协调和整个网站的统一;本文作为系列教程的第二篇文章,将讲述如何进行基本布局和需要注意的问题。</p>

+阅读全文

页面线框图教程(之一):从本质到表象

<p>页面线框图(Wire frame)是网站设计方案中的重要组成部分,无论是<span class="so-called">I-Board</span> 、<span class="so-called">Page-Layout</span>、<span class="so-called">UI-Draft</span>这些不同的称呼,它们的本质都是一样的,网站策划师、网络产品经理的最后交付文档,通常的呈现设计是<span class="so-called">最直观有效的</span>。单纯从设计的角度,线框图也可以看作一个视觉呈现过程,虽然如此,也不能把线框图的设计当作<span class="so-called">简单的视觉问题</span>。如何看待线框图,如何着手设计线框图,如何把握线框图的详细程度,如何让其他合作者看懂线框图,就是本系列文章要解决的问题。</p>

+阅读全文