烟草vi设计的核心价值在于为企业打造独特的品牌,烟草vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“烟草vi设计”配图为本公司设计作品
在本教程中,我们将为一个基于表单和聊天的移动应用程序设计一个苹果手机用户界面。该应用程序涉及大量日常触摸界面元素,如按钮、输入栏和触摸手势。我们将涉及各种用计算机修改(图片或照片)工具,图层样式,当然还有解决任何设计限制;同时使设计达到像素级的完美和美丽,足以在苹果手机屏幕上占据一席之地。这个设计是用Photoshop CS5.5完成的,但是所有最新版本的用计算机修改(图片或照片)都可以很好地工作。
应用程序屏幕要求在本教程中,我们将只创建一个屏幕。这个屏幕将成为一个基于聊天软件的主聊天屏幕,很像一个公共聊天室,但是是在你的手机上。该屏幕的要求是:
标题—这是您当前所在的聊天室。
后退/关闭/主题按钮—返回上一屏幕。
一个人物按钮——这个按钮显示当前谁在聊天室。
消息列表-消息必须有头像时间戳。
一种查看用户配置文件和报告消息的方式。
用于书写信息的文本栏。
一个发送按钮来发布你的消息。
规划、草图和线框对于任何用户界面项目,规划、草图和线框都是必不可少的。它通常会排除任何愚蠢的想法(尽管在你看来它们可能并不愚蠢!)然后再把数字概念和实体模型放在一起。看起来像是解决你头脑中的问题的一个绝妙的解决方案,在实际中可能最终完全不起作用,这就是为什么在开始一个项目之前建立线框是如此重要的一步。拿起笔和你最喜欢的便笺簿,开始画草图。正如你从上面的图片中看到的,我花了几分钟把三个不同的概念放在一起;通常这个过程需要几天甚至几周的时间,但是因为我们只设计了一个屏幕,而且这个应用程序的目的很简单,所以画草图不会花很长时间!它们大多非常相似,但每一个都有其独特的差异,我将在下面总结一下。
草图A受苹果手机最初的推特用户界面的启发,该用户界面允许用户在一条消息上滑动以查看更多选项,如"查看个人资料"和"报告用户"——这是一种既方便又节省空间的方式,允许在该屏幕上显示更多内容。我最初的想法是在这个屏幕的导航栏中设置一个设置按钮,但我决定遵循我的常规原则"少即是多"——用户不太可能在每次使用应用程序时都访问设置,所以这里不需要它。
草图B这个概念更加简洁,在消息的右边有"查看配置文件"和"报告用户"按钮作为静态图标。我考虑过这里没有"发送"按钮,而是使用ios键盘上的发送按钮。我反对这样做,因为大多数应用程序(包括ios标准应用程序,如消息)都有键盘发送按钮,以及文本输入栏旁边的附加发送按钮。我喜欢让我的界面和应用商店里的其他界面保持一致。
草图C草图独联体我决定使用的草图——我们有一个关闭按钮,而不是后退按钮。我认为这更明显地表明,一旦你点击关闭,你将不再是那个对话的一部分(不像消息应用程序,你可以返回,并且可以返回仍然看到所有那些以前的消息)。"人物"按钮显示了当前聊天室中的用户列表,我重新采用了让幻灯片查看更多功能元素(如推特应用程序)的想法,以允许用户查看用户的个人资料或报告他们。完成这些后,是时候继续在用计算机修改(图片或照片)中把一些东西放在一起了!
第一步:状态和导航栏在进行这一步之前,我们需要创建我们的文档。标准的苹果
注:本文“烟草vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐