双引号的正确写法视频
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末提供模板,可直接用
![](https://p0.ssl.img.360kuai.com/t018745d7cd773805a6.jpg)
步骤一:约定规范
如图,与开发、UI约定组件规范,并维护在独立文档中
![](https://p0.ssl.img.360kuai.com/t0135c2e95765d8467e.gif)
步骤二:使用模板
如图,Axure可将带说明的通用组件置入元件库,出原型时使用;开发看到组件,则使用约定规范;墨刀同理。【PS:想了解word如何使用,请评论留言哈】
![](https://p0.ssl.img.360kuai.com/t01e01c6512f33ecd6e.gif)
那么,规范与模板应该怎么写?
本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面(表单页、列表页、详情页)写法,将规范与模板分享予您
=========强烈建议点个【关注】或不迷路=========
本期组件:月份选择器
组件概述:用于选择月份或月份范围
一、约定基础规范
本节主要与研发约定默认实现内容,通过规范文档维护。
1.通用基础规范输入框样式-单选&多选
需有对应样式
输入框样式-范围
左右两边皆有输入值,默认通过“至”区隔
展开操作
- 展开收起:单击输入框,展开面板;点击其他区域收起
- 展开方向:默认向下向右,当空间不够时,需往空间足够方向展开
- 路径记忆:收起面板,记忆本次路径;重新载入,若无法记忆则回到默认
![](https://p0.ssl.img.360kuai.com/t016f665a2ed5dbaa04.jpg)
面板基础说明
面板说明:面板内部一般分为面板操作区、选项区、快捷按钮区
选项说明:选项区的选项需包含样式可用、悬停、完成、不可用(禁用)、范围覆盖
面板操作区、快捷按钮区的按钮参考“按钮说明”,面板内容及其他交互,见“业务面板说明”。
![](https://p0.ssl.img.360kuai.com/t016f92b074efacd55d.jpg)
单选&多选
选项排列:按一月~十二月平铺展示
选项切换:点击双引号可切换年度,步长1年;点击年度,面板切换至“年度面板”(具体交互参考“年度选择器”),选择年份后,回到当前面板
默认选项:默认选中当前月份
完成选择:
- 单选:单击选项则完成选择,收起面板
- 多选:完成选择后,通过“确认”按钮完成
![](https://p0.ssl.img.360kuai.com/t01f31ab3926d72c47d.jpg)
范围
在“单选&多选”基础上,有以下不同:
面板样式:左右两个面板,右侧值为左侧的延续;切换一侧范围,不影响另一侧
面板操作:面板年份可单独操作,但需确保左侧数据小于右侧
范围样式:需体现开始、结束、范围内,区分选中样式
完成选择:选择一个开始值再选一个结束值则完成选择,收起面板
- 支持先选结束值,再选开始值
- 已有范围后,重新点选,则重选范围
![](https://p0.ssl.img.360kuai.com/t011e6212dc6d51ca4e.jpg)
二、约定可控参数
本节主要与研发约定原型中可控制的参数,也通过规范文档维护。文中会提供示例参数,及参数填写说明。
1.通用可控参数状态:可用/只读/禁用
- 可用:即可修改可输入
- 只读:框内一般有内容,但不能更改、输入,只能复制
- 禁用:无法与用户交互,如无法复制或者输入
提示文案:选择时间。未选择时,输入框内显示的内容,样式需与输入文字有区别
影响事件:暂无
一键清除:有/无
- 无选项时悬停,不做改变
- 有选项时悬停,右侧图标切换为“清空”状态,点击清空选项。(注:点击清空图标之外,为选择器基础交互)
![](https://p0.ssl.img.360kuai.com/t0118baf2f237f6d309.jpg)
单选&多选
默认值:当月。默认为当前最近的值,请结合业务情况定义。
可选范围:不限。一般为前后两千年,结合业务情况定义。
可选数量:单选/N个
- 单选:点击待选项切换选中,点击已选项无交互
- N个:为多选,单击待选项增加选中,单击已选项切换选中,达到最大选中数,需toast提示
快捷选项:本月:当前月份
- 面板侧边增加快捷选项,点击后,选项自动完成。需有快捷选项名称及规则说明。
![](https://p0.ssl.img.360kuai.com/t012a2c41389fc50b85.jpg)
范围
在“单选&多选”基础上,有以下不同
可选范围:2022-03~2035-10
最大范围:不限
![](https://p0.ssl.img.360kuai.com/t01f295f93f199a835e.jpg)
三、输出说明模板
组件名称前加个“规范”,便于团队识别规范组件;模板可直接写入注释,并存为Axure/墨刀元件库。
1.月份选择器- 组件名称:月份选择器
- 状态:可用
- 提示文案:请选择
- 一键清除:有
- 预选值:当月
- 可选范围:不限
- 可选数量:单选
- 影响事件:暂无
- 组件名称:月份范围选择器
- 状态:可用
- 提示文案:请选择
- 一键清除:有
- 预选值:当月
- 可选范围:不限
- 可选数量:单选
- 影响事件:暂无
结语
本系列持续更新,喜欢的朋友请点个【关注】或,您的鼓励是我们持续分享的动力。
本文由 @产品工具库 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于 CC0 协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
","gnid":"9201bcdf18bbb1d83","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t018745d7cd773805a6.jpg","width":"900"},{"desc":"","height":408,"s_url":"https://p0.ssl.img.360kuai.com/t0135c2e95765d8467e_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01639c5dd0a6c04f96.gif","width":640},{"desc":"","height":603,"s_url":"https://p0.ssl.img.360kuai.com/t01e01c6512f33ecd6e_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t018d1c85dc4a7beaf0.gif","width":1080},{"desc":"","height":"356","title":"","url":"https://p0.ssl.img.360kuai.com/t016f665a2ed5dbaa04.jpg","width":"379"},{"desc":"","height":"437","title":"","url":"https://p0.ssl.img.360kuai.com/t016f92b074efacd55d.jpg","width":"858"},{"desc":"","height":"587","title":"","url":"https://p0.ssl.img.360kuai.com/t01f31ab3926d72c47d.jpg","width":"969"},{"desc":"","height":"467","title":"","url":"https://p0.ssl.img.360kuai.com/t011e6212dc6d51ca4e.jpg","width":"927"},{"desc":"","height":"214","title":"","url":"https://p0.ssl.img.360kuai.com/t0118baf2f237f6d309.jpg","width":"1080"},{"desc":"","height":"522","title":"","url":"https://p0.ssl.img.360kuai.com/t012a2c41389fc50b85.jpg","width":"553"},{"desc":"","height":"510","title":"","url":"https://p0.ssl.img.360kuai.com/t01f295f93f199a835e.jpg","width":"1045"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"pika","pub_time":1700787900000,"pure":"","rawurl":"http://zm.news.so.com/7aaa720a435d95a835b8979d9d4b8f3d","redirect":0,"rptid":"47631ff7031be439","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"原型说明咋写-月份选择器
瞿雁备1724双引号和逗号怎么占格范文
卫疯实19863507795 ______ 双引号正确格式是:作文中双引号需要占两个格,前引号占一个格,后引号占一个格.例如,妈妈说:“今天下午我去开会,你一个人在家注意安全.”这句话中的双引号引用妈妈说的话,在文中要分别占用一个格子.分号是比逗号停顿时间稍长的标点符号,在作文中也要占一个格子.而逗号只需要占用一个格即可.
瞿雁备1724书写时 左双引号 “ 的笔画是不是从上往下写?右双引号 ” -
卫疯实19863507795 ______[答案] “ 这个是从下往上 ” 这个是从上往下
瞿雁备1724双引号的使用方法,双引号使用时还需要与前面一个字空一格?即双引号要不要占两个格? -
卫疯实19863507795 ______ 不用,直接占在前面那个字的下一个格
瞿雁备1724两个双引号的第一个的后引号与第二个的前引号怎么写在方格子里 -
卫疯实19863507795 ______ 两个符合写在同一个格子就,或者分开写也可以
瞿雁备1724如何正确使用引文中的标点符号 -
卫疯实19863507795 ______ 使用引号应注意: (1)引文之内又有引文时,外边的一层用双引号,里面一层用单引号;倘若单引号之内又有引文,那又要用双引号.例如: ⑦(一位大娘)接着解释:“收豆子、红薯的时候,獾正肥哩.肉香、油多.俗话说'八斤獾肉七斤...
瞿雁备1724写一段文字中,双引号可以放在下一行的顶格还是放在上一行的行尾呢? -
卫疯实19863507795 ______ 双引号,前引号可以放顶格,后引号不能放顶格
瞿雁备1724如何正确使用引文中的标点符号 -
卫疯实19863507795 ______[答案] 使用引号应注意:(1)引文之内又有引文时,外边的一层用双引号,里面一层用单引号;倘若单引号之内又有引文,那又要用双引号.例如:⑦(一位大娘)接着解释:“收豆子、红薯的时候,獾正肥哩.肉香、油多.俗话说'八斤獾肉...
瞿雁备1724人物对话描写中双引号的用法某某说道:“我是一个中国人!”某某说道:“我是一个中国人!”哪个双引号的用法正确? -
卫疯实19863507795 ______[答案] 第二个 因为双引号的前半部分不能在一行的末尾,后半部分不能在一行开头
瞿雁备1724双引号的用法和作用 -
卫疯实19863507795 ______ 双引号内是字符串常数 类型char * L""内是Unicode字符串常数 类型 wchar_t * "a" "b" <- 这样只用空格分隔相当于"ab"
瞿雁备1724两个双引号的句子怎么写 -
卫疯实19863507795 ______ 双引号表示说话内容、引用、反语、特殊含义等.一个句子中有二个双引号分两种情况.如果叙事过程中,两个双引号是并列关系,那两个引号之间只需要加逗号即可,如果是一个双引号里面又需要一个引号来引申转述的情况下,那里面的那个引号就要用单引号,用来与外部的双引号作为区分.