设计智造|APP界面设计思路!捋一捋
文/陈岩手机界面在人机交互的过程中 , 是进行信息输入和输出的重要媒介 。 任何手机信息交换的大部分过程都是通过手机界面进行的 , 不同种类的手机界面也将带给人不同的视觉感受 。
文章图片
与传统PC桌面不同 , 手机屏幕的尺寸更加小巧操作 , 方式也已触控为主 , APP界面设计不但要保证APP功能的完整性和合理性 , 又要保证APP的功能性和实用性 , 在保证其拥有流畅的操作感受的同时 , 满足人们的审美需求 。
文章图片
人在操作手机时 , 主要以人的意识为主体 , 手机起到辅助作用 。 设计师应考虑到人与手机的各自特点 , 使得两者之间相互协调 , 从而使工作条件达到最优 。 在使用手机的过程中应尽量减少人的计算和记忆负担 , 从而有效地提高对手机的使用效率 。
文章图片
①保证功能性和实用性 。 我们在对手机APP界面进行设计时 , 需要考虑APP本身的使用特点 , 保证大多数用户都能获得使用体验 , 界面中应尽量减少按键数量 , 保证APP功能的合理性 , 这样的界面会使得用户操作更加方便流畅 , 也能相应地减少手机的运算负担 。
文章图片
②内涵丰富 , 寓意明确 。 设计时应在有限的二维空间中调整图形、文字、按键、符号等元素的位置关系和比例大小 , 增加对界面内容表达的准确性和界面操控的灵活性 。
文章图片
③图形简洁 , 易识别 。 设计师应考虑界面中的点、线、面的构成 , 界面既要做到简洁并具有概括性 , 使用户能更容易理解和接受;又要做到内容丰富 , 不让人感觉单调乏味 。 设计图形要遵循一种秩序美 , 让视觉上的感受更加平衡 , 增加界面操控的舒适感 。
文章图片
色彩是APP界面设计中的重中之重 , 这关乎是否能够正确表现出产品气质和定位 。 主色决定了手机APP界面的整体设计风格 , 这个主色代表了产品的文化方向 , 同时也向用户传达了产品的情感 。
文章图片
在设计线框图之前 , 研发团队的每个人就应明确产品的定位 , 提炼出最贴切产品的主色 。 许多手机APP界面的主色都是选择了此款APP应用图标的主色 , 在不同界面中主色的面积会发生大小变化 , 可能会有同色系渐变界面 , 也可能出现同色的系功能图标 , 但主色的视觉效果依然是占主导地位的 。
文章图片
在设计手机APP时设计师可以使用互补色 , 在手机APP界面设计中互补色的对比效果是最为强烈的 , 给用户带来强烈的冲击 , 情感丰富 , 给人留下深刻印象 。 但这种颜色的过度使用过多也容易给用户带来视觉上的疲劳 , 导致用户不知何处才是重点信息 。
文章图片
所以这种视觉冲击很强的互补色只能在小面积使用 , 同时注意使用位置 , 要放在手机APP界面信息提示出 。 设计师还可以使用冷暖色对比 , 这样的配色会使手机APP界面变得非常出彩 , 使得分类内容一目了然 。
- 罗罗聊数码|苹果3万多款APP下架,iPhone生产线或遭转移,反击效果出现
- 手机中国|带来全新视觉设计,一加氢OS11发布会定档8月10日
- 设计师|祝贺!天问一号完成首次轨道修正,总设计师竟来自这所西部院校
- 智酷科技|Apple收购的天气应用程序正式关闭安卓平台
- 爱集微APP|“芯”势力助推游戏产业发展,芯片成为ChinaJoy的关键词之一
- Photoshop美图设计师|PS中的画笔制作飘舞的烟雾光束
- 科技壹零扒|清理力度创“史上之最”,苹果单日下架超2.6万款游戏App
- 爱集微APP|3236 颗卫星,群雄争霸!亚马逊斥资100亿美元入局太空互联网:将发射
- 小布布科技|公然开历史倒车,为哪般?,三星重启可拆卸手机电池设计
- 原呵呵|华为 Watch GT 2 评测:优雅精致设计|超长待机 喜欢吗,42mm