青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113118562723728 
 返回贴子列表
发表新贴
主题:

界面设计中的Pattern

共有1146人浏览过本贴
奈薇建站网
昵称:奈薇建站网
论坛积分:108000
发贴等级:21

发贴数:1156
回贴数:1282
被砸鸡蛋:被砸鸡蛋1
获赠鲜花:获赠鲜花182
发表时间:2020/6/7 13:22:00 楼 主

界面设计中的Pattern

  什么是Pattern呢?Pattern,我们可以把它看做是一组可重复使用、被大多数人知晓、蕴含设计经验小结的界面交互模式。这些模式可能适用于桌面软件、Web应用、手机应用等等。这里我们通过分析两个Pattern应用的实例,来更好的理解Pattern和运用Pattern。

  双面板Pattern用来承载对象与对象内容的两个面板,用户选择【对象面板】后,【对象内容面板】会自动显示该对象的详细信息。

  MicrosoftOutlook2007适用范围邮件、歌曲库、图片库、主从数据记录、文件管理器等。优点

  1、对象与对象内容同时可视;

  2、避免了页面切换和更多的鼠标点击操作,节省体力;

  3、减轻用户记忆负担,用户不需要去记忆【对象内容】的存在位置;

  4、支持上、下方向键的快速浏览,有效减少浏览时间。如何使用根据用户的视觉流动方向,可将【对象面板】与【对象内容面板】左右、上下排布。当用户选中【对象面板】时,【对象内容】面板及时刷新。案例

  如上图:在Web软件应用中,可将基础资料类(币别、部门、职员)数据的录入与查询整合为”双面板模式”,上面用做【数据输入区】,下面列表用做【数据展示区】。鼠标单击【数据展示区】即可在【数据输入区】完成数据修改。此方案充分利了用双面板Pattern的优势,并进行了扩展。用户的反馈效果还是不错的!

  ————————————————————————————————-画布+工具条Pattern画布+带图标的工具条,通过画布旁的工具条来创建、修改画布对象。

  适用范围图形编辑、文字编辑优点

  1、一张画纸和一支画笔,现实生活到软件界面的自然映射,符合用户心智模型;

  2、通过使用工具条可以对复杂的操作进行分类,方便用户使用。如何使用可根据用户习惯将工具条放置在画布上、左、右边,工具条一定要提供表意明确的图标(或增加文字描述)来帮助用户识别。案例

  如上图:在SnagIt9.0当中,将原有的工具条改为微软的Ribbon,并在界面底部增加了”捕捉库”操作区。在PhotoShop中进行多图切换时需要使用Ctrl+Tab快捷键,而在SnagIt9.0″捕捉库区域”既能看到多图的缩略,又能很方便的通过鼠标点击进行切换。这个在画布+工具条Pattern的基础上增加了“捕捉区”的扩展,更加方便了用户进行多图的切换

  通过上面两个案例,我们可以了解到界面设计中的Pattern是什么?我们该如何利用已有的Pattern去更好的设计界面?好的Pattern有很多,这里没法一一列举。有兴趣的话可以自己分析研究一下其他pattern。

  原文:http://www.yuhou.cn/2008/11/%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E4%B8%AD%E7%9A%84pattern/
个性签名
奈薇建站网致力于,让每个中国人、每个中国企业都拥有自己的“官方网站”!
回复 回复此贴 TOP
0个回贴   分0 上一页 / 下一页   当前第
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
1910个月 25