4px网格设计方法,让设计还原更精准(图文)
一般来说,文字的实际占位在页面中并不是紧贴文字可视边界,是有一定的额外边距的,所以对于标注稿中的文字部分来说,开发往往做出来的效果与设计稿会有偏差。那如何精确视觉规范,又能兼顾开发实现,是本文探讨的一个问题。文章提供一套设计方法,旨在更加严谨的实现规范化,精确化,在设计与开发之间的保持平衡。我用4px网格设计方法2年多了,也尝试着让我的团队使用这套方法论。如今,我终于克服了拖延症,决定来探讨这个方
阅读全文 →SEO / GEO / AI 应用文章
围绕搜索、AI 理解、官网信任、系统连接和智能体边界持续整理方法,帮助企业从具体问题找到可行动的方向。
一般来说,文字的实际占位在页面中并不是紧贴文字可视边界,是有一定的额外边距的,所以对于标注稿中的文字部分来说,开发往往做出来的效果与设计稿会有偏差。那如何精确视觉规范,又能兼顾开发实现,是本文探讨的一个问题。文章提供一套设计方法,旨在更加严谨的实现规范化,精确化,在设计与开发之间的保持平衡。我用4px网格设计方法2年多了,也尝试着让我的团队使用这套方法论。如今,我终于克服了拖延症,决定来探讨这个方
阅读全文 →首先本篇文章不讨论任何关于产品运营策略和技术领域的内容,主要以案例为主,分享为用户营造安全感的体验设计思考,希望对你有帮助。前言:为什么如此在意用户的安全感?2018年8月20日,互联网络信息中心(CNNIC)发布第42次《中国互联网络发展状况统计报告》。2018上半年,54%的中国网民在上网过程中遇到网络安全问题,其中遭遇个人信息泄露问题占比最高。26年前《纽约客》封面的一幅漫画宣扬“在互联
阅读全文 →VUI设计流程主要分为四个阶段:需求分析阶段、设计阶段、场景数据收集、持续优化阶段,作者将分为上下两篇对其进行详细介绍,本篇主要给大家介绍需求分析、设计阶段。最近在学习VUI的相关知识,我发现了一个问题,即使我了解了VUI的发展史、设计原则、工作职责,但是VUI到底是做什么工作的呢,仍然不太清晰。刚好最近公司也想在产品中加入智能对话功能,于是我想借此机会在深入的进行了解。通过几周的学习,目前对V
阅读全文 →我们在设计产品时,习惯性按照市场上常规的模式进行设计。随着技术展现能力的提高,引导页的形式和内容都变得越来越多样化。本文颠覆习惯性模式并思考一下引导页的来源、特性、实际意义。引导用户学习APP用法或了解APP作用的页面都可以称为引导页。APP下载完成后第一次打开时,展示3-5页图文组合的页面,对产品进行介绍,这些页面显示APP内容前面,被理解为“前置引导页”。如果在APP使用中或是更新版本后界面
阅读全文 →本文重点调研了“返回顶部”功能,同时也对刷新、悬浮窗和底部Tab的相关功能进行了分析与探讨。以上功能的实现方式及组合比较多样化,具体还要根据实际业务和目的来进行产品设计。今天聊聊产品细节,通过对比各家信息流产品返回顶部的异同,思考下里面的细节。首先,咬文嚼字一下,是滑动还是划动,有两点可以帮助我们区分:划:1.通常是一次性的或者间歇性动作的。(比如划船,拿刀划一下)2.一个物体进入到另
阅读全文 →了解一下「对话框」在弹框中是什么定位;看多了「控件形式」,我们从「使用场景」角度去思考「对话框」;类比「标点」,通过语气判断「对话框」具体的场景应用本文从介绍弹框开始;主要整理了当前主流APP使用的各种「对话框」,根据使用场景对其归类,分成六大类,每一类场景用一种标点符号作为代号;最后总结了对应场景的对话框模板。对话框是我们平时最常用、接触最频繁的控件之一。微信给朋友发送一篇文章,会有一个「发送确
阅读全文 →前面我们聊了《数据可视化为什么偏爱FUI》和《FUI-图形化设计》,今天我们要聊一下FUI中一个非常实用的设计技巧——光感设计。光感设计作为FUI最实用的设计技巧之一,不单单在视觉上能够帮助界面快速的提升视觉效果,同时也能够帮助产品优化信息层级,聚焦用户目光,提升用户的专注力。接下来我们就聊一下关于FUI的光感设计的定义、优势以及一些实用的小技巧。如果对FUI还没有清晰认识的小伙伴可以查看我
阅读全文 →本文解读了各种LOGO设计的元素、技法和趋势走向,非常详细,这是文章的上半部分,下半部分会在下周更新。在过去的一年里LOGO设计行业蓬勃地发展着。对我而言,查看各大设计机构的LOGO趋势分析和报告,就像开礼物一样,因为我知道等待我的是一段独特体验。这其中有平凡到令人失望的设计作品,也有令我欢欣甚至惊喜的好作品。而这便是LOGO设计行业仍然充满活力的证据,是值得感激的恩赐。值得欣喜的是今年
阅读全文 →你开发的产品是否具有真正的价值?在产品开发中,如何优化产品价值?本文提供了可供参考的四个步骤:培养产品思维而非项目思维;描绘宏伟蓝图;价值实现;验证实际价值。你开发的产品对组织来说是否有价值?如何判断产品是否有价值?如果没有经常提出这两个问题,那么你可能忽略了产品价值方面的问题。产品是目前工作所要达成的目的,是组建团队的原因。产品也是你选择Scrum的原因,所以,你必须要集中精力理解并提高产品
阅读全文 →本文将以某款金融产品对接快手广告平台为例,介绍广告主商业产品经理的入门级需求策划任务——对接广告平台的标准接口,把转化数据准确上报。一款有强变现能力的产品(比如金融、游戏、电商),免不了在各种媒体渠道投放广告(比如快手、头条、抖音)。而从用户点击广告到下载、注册、登录、付费等一系列关键行为转化的数据统计,一方面关系到广告结费,另一方面也可以分析广告投放效果、及时调整策略缩减成本提升转化率。但是,
阅读全文 →