如何利用网格系统科学地打造APP界面?来看网易高手的总结!

网易UEDC – 贺玉华 :本文将从网格系统的基本概念介绍出发,逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的问题。 在视觉设计师设计一款 APP 的时候,最先要制定一套完善可行的设计规范,其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西,那就是网格系统的构建。网格系统可以说是整个页面的骨架,它将页面中所有的设计元素高效有序地组织起来,从而让整个 APP 的设计具有高度的一致性和规律性,提高设计师

高手私藏方法!教你从0到1整理素材库

风筝KK:一个好的素材库可提高工作效率,一个好的素材库可提供好的创意,一个好的素材库可见证成长。 欢迎关注作者的微信公众号:「海盐社」 图片素材作者:Ryan Vatzlavick 「高效整理资源库」 《用标签代替文件夹!教你更高效的图片素材管理术》 《看了那么多设计文章,你知道怎么整理知识库吗?》 《超高效!轻松3步帮你掌握实用的设计资源整理术》

今年超火的短视频,我为你整理了一份拍摄流程交互指南(二)

承接上文《今年超火的短视频,我为你整理了一份拍摄流程交互指南(一)》,主要将遗留的拍摄流程中的拍摄准备页和暂停页面的内容完结。 一、 拍摄准备页 拍摄准备页,是用户点击拍摄功能按钮后进入的页面,也是进入拍摄流程之前的页面,故名「准备页」。更详细的页面架构如下图,与上一篇文章中的内容有差异,做了升级调整。 △ 拍摄准备页架构 这几个功能除了拍摄按钮固定在页面底部中央位置外,其他功能入口在页面上没有一个固定的布局样式,根据主要的拍摄功能或者运营等因素影响,每个按钮的布局位置都会

为什么我强烈建议你学会使用模块化设计?

风筝KK:模块化设计是将设计分解成小的模块,然后独立设计它,最后再将它们组合成更大的系统,就像小朋友玩的积木一样,由一些简单的零件组成小的模块,然后再组合成各种模型样式。 欢迎关注作者的微信公众号:「海盐社」 图片素材作者:Daria 「推动执行的模块化设计」 《设计小科普!给设计师的模块化设计新手完全入门指南》 《为什么我们都应该学会组件化设计思维?》 《如何培养组件化设计思维?来看阿里设计师的经验总结!》

这4个最常见的 UI 组件,给你总结了这份使用指南

小溜Epik:我们在看 App 时,有没有思考过这样的问题,同样都是提示弹窗为什么出现那么多不同的样式,亦或者同样都是让界面进行切换的导航为什么有的可以通过侧滑切换,有的却只能点击切换呢?最近在玩 App 时发现了几组这样的控件,下面就来和大家分享下我对他们的理解和选用。 目录: 警告框与操作表 标签栏与操作栏 Tabs与分段控件 Toast与Snackbar 一、警告框与操作表 1. 定义 警告框:是一种操作上的确认,只有当用户点击按钮后才算真的完成,才可以有其他操作,

UI进阶知识!小按钮图片列表的常见样式和设计要点

风筝KK:列表想必大家都不陌生,那么小按钮列表有什么值得研究的?比如按钮该如何摆放?列表图片尺寸如何设定?产品信息和图片的关系?当产品信息增加或者减少该如何展现?解决这个问题之前我们还是先来看看小按钮图片列表有哪些样式,然后再来说说设计中需要考虑的要点。 欢迎关注作者的微信公众号:「海盐社」 图片素材作者:ouehrani soufiane 「作者好文合集」 《产品列表采用什么样的布局方案才是有效的呢?》 《聊天气泡框,80%的人都不知道这些》 《你真的了解标签栏设计

甲方竟敢说你的配色丑! 我来教你怼回去(四)

相信在日常工作中,经常会听到「这个画面看起来很凌乱」、「颜色太多太杂了」、「画面没有重点」之类的意见(吐槽)。 怎么才能合理的把这些「意见」怼回去呢?今天真的要开怼了。 在前几篇配色文章中,我们已经理解了色相和色相的组合、关于色调搭配,以及它们的正确的意义。 往期回顾: 《甲方竟敢说你的配色丑! 我来教你怼回去(一)》 《甲方竟敢说你的配色丑! 我来教你怼回去(二)》 《甲方竟敢说你的配色丑! 我来教你怼回去(三)》 我们在配色第二篇《甲方竟敢说你的配色丑! 我来教你怼

高手私藏的 UI 细节设计,这篇全都给你整理好了!

@孔雅轩LineVision :这篇文章渗透进页面中的每一个 Kit控件,深入的分析每一个控件所能带给用户的视觉以及心理感受。 欢迎关注作者的微信公众号:「线点研究所」 「让界面更耐看的细节你注意到了吗」 《让设计细节更高级的10个实用小技巧》 《界面不精致,往往是你忽略了这些设计细节》 《网易资深视觉设计师:24个容易忽略的App设计细节》

一份高手的作品集,需要准备6个月时间

小溜Epik:本文的主要内容主要有两点,一分析作品集需要的合理时间及合理时间的由来,二对待工作中界面的态度问题及解决方案。 今天我要分享的内容,相信很多设计师都感同身受。每当我们另谋高就时,才发现作品集中没作品,线上产品又拿不出手;紧接着就是一味的诉苦抱怨,恨自己没有遇到好的平台,没有遇到一个重视设计的好老板,没有好的产品经理,没有可以实现自己设计的好开发等等。 其实呢,自己没有好的作品怨不到其他人,我们活该而已。 别激动,大家收起菜刀,请往下看,相信下面的内容可以让你改变认

用一个案例,告诉你我是如何把工作效率提高30%的!

风筝KK:最近刚做完一个项目,我发现我的设计效率相比之前竟然提升了30%以上。今天用「个人中心页面从思考到设计全过程」这个案例给大家分享一下。 欢迎关注作者的微信公众号:「海盐社」 图片素材作者:zara magumyan 「作者好文合集」 《产品列表采用什么样的布局方案才是有效的呢?》 《聊天气泡框,80%的人都不知道这些》 《你真的了解标签栏设计吗?来看这篇超全面的总结!》