说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

近匠:“词Ci”——全栈“女神”如何诠释倾城之美

HTML文档下载 WORD文档下载 PDF文档下载
《近匠》第15期:“词Ci”是一款辅助填词工具,由全栈开发者刘旸独立开发完成。这款风格典雅的作品本是她的“练手”之作,却因题材新颖,设计独特而引起人们的兴趣。那么,这款应用开发的背后有哪些有趣的故事呢?

有人说,未来的互联网简单的“消费”和“分享”属性已经无法满足人们的需求,用户需要的是更个性化地将自己的思想和创意展示出来。这种说法在某种程度上已得到了印证,从如今蓬勃发展的漫画制作、音乐制作、短视频分享中就能看出一二。作为品味“异常挑剔”的文艺青年,朋友圈里那一堆风格高度统一的头像和App中反复播放着自带背景音乐的短视频,显然不能引起他们的丝毫兴趣。于是,有人开发出了更高大上的创作工具——“词Ci”。

简单来说,“词Ci”是一款辅助填词工具,与一般词作欣赏类App不同,“词Ci”没有按人名划分内容,而是用85个常用的词牌名将词作归类。选中词牌后,用户可以看到该词牌的名家作品和对其韵律的讲解,并且可以根据平仄的提示重新填词,在拿不准该用哪些字的时候,“词Ci”还提供了相关平仄字音的字库。作为作者,刘旸一个人完成了“词Ci”所有的设计和开发工作。这款在刘旸眼中纯属“练手”,不带任何商业目的的作品,推出后却出人意料的引起了大家的关注和讨论,有人高呼“美呆了”,有人却为它扣上了“抄袭”的罪名。面对这些争议,刘旸如何看待?这款看似简单的应用,开发过程中又有哪些不为人知的故事呢?


“词Ci”作者 刘旸

CSDN移动:请简单介绍一下你的背景。

刘旸:我是浙江大学数字媒体专业毕业的,之后去网易做AS3程序员,做了一个叫《战火风云》的网页游戏。大概两年后,我从网易辞职,开始在家自学iOS开发,当时是2011年,期间我接手过一些项目,也开发过一些个人作品,比如一款根据天气播放不同旋律的闹钟应用等。现在我在一家上海公司,负责一款阅读产品的客户端。我注意到iOS平台上的App质量都很高,界面也非常漂亮(我对漂亮的东西很感兴趣),加上我觉得每天上班写代码的生活很无聊,于是决定找一些好的项目自己开发,恰好这时好友提到填词时每次都要查平仄是否正确,于是,我“豪气万丈”地对朋友说:“干脆我给你做一个!”

CSDN移动:这款应用非常具有文艺气质,你是文艺女青年吗?

刘旸:按照大众的分类应该算吧,我很喜欢逛豆瓣,也很喜欢看话剧。在“词Ci”的开发过程中,也有一段时间停下来看看美剧和言情。

CSDN移动:你曾说,这款应用之所以叫“词Ci”(一个中文字,一个英文字),是因为你不太喜欢“竹林”、“烟雨”这些所谓的“中国风”,这种思想在作品中是否有所体现?

刘旸:是的,我觉得那种类型的App很丑,包括水墨的图标,当然,有些应用是滥用的这种风格。我为了开发这款应用还专门买了本很贵的参考书,主要讲信笺纸。我去研究这本书里的设计,发现里面的留白都很漂亮,花纹的使用也很节制,“词Ci”中的信纸就模拟了著名的“薛涛笺”。

CSDN移动:作为一名程序员,在“词Ci”的设计中,受到过哪些产品的启发?

刘旸:我是理工科出身,没有学过设计,但我一直很留意观察别人的作品,看有哪些值得借鉴之处,比如UI等。这款应用的词牌展示页面肯定是受到日本色谱网站Nippon Colors的影响;还有就是“印象笔记”的iOS 6版本,我认为它的动画做的很漂亮。此外,一些摄影类App的设计我也非常喜欢,连它们的图标和边距我都会去量。在“词Ci”中也运用到了一些摄影类App的风格,例如,你可以看到“词Ci”没有采用iOS传统的列表式界面,而是你当前的词作占满整个屏幕。

CSDN移动:这款应用中,哪些地方你觉得自己设计得特别牛?

刘旸:首先是拟物化的信笺纸,要看起来很有质感,另外就是各种交互动画,比如信笺纸的摆动、放大、转换等,这些东西做起来比起之前得心应手了很多。此外,词牌界面我也非常喜欢(我指得是单一词牌界面,不知道为什么大家都那么喜欢整体的词牌界面),排版花了很多心思,留白也处理的比较到位,我在豆瓣相册放一些版本让大家点评,然后快速迭代。


早期的单个词牌说明界面

CSDN移动:有人指责说模仿Nippon Colors的词牌界面是抄袭,你怎么看待这种主张?

刘旸:一开始有人这样主张的时候,我就已经说了我确实是借鉴了Nippon Colors的设计,我没有向他们申请授权是我做的不太妥的地方。但我是程序员出身,没有学过设计,我一直通过其他作品来学习和积累可借鉴之处,这是一个很正常的过程。而且,我也没有打算从中获利(“词Ci”今后也会完全免费,无广告)。我认为,我在维护版权方面已经做的很好了,比如字体和数据来源,都是经过授权的。如果连这样也要被批判的话,那现在你只能看到唐诗宋词被很难看的罗列出来。


Nippon Colors与“词Ci”界面对比

CSDN移动:开发中主要用到了哪些工具?

刘旸:就是很普通的Xcode、PhotoShop,以及Firefox的SQLiteManager插件。

CSDN移动:在开发过程中经历过哪些印象深刻的事?

刘旸:首先,因为没有现成的数据库,所有数据都要自己去导,最苦的时候,要弄到凌晨两三点。一晚上要看各种宋词,我从没有这么高强度的看那么多书。其二,刚做这款应用时,我以为很简单——核心功能不就是检查测评吗。但随着工程的深入,很多之前没想到的问题也随之出现,比如检查韵脚(最终也没有做出来)。在界面交互上,你需要判断词的字数,但如果中间夹杂拼音或英文,该怎么办?这些都是之前没有想到的。其实,我从来没有填过词,很担心这款应用做得不够好,第一次看别人分享他们的作品时我非常开心,尽管对他们的词作水平我不太有能力分辨。


填词界面

CSDN移动:你理想中的好应用应该是什么样子?

刘旸:我认为应该具备以下特点:1. 风格统一;2. 完整(产品的整个体验要饱满);3. 简单(用户不用有意去一个个地“拆解”功能,而是能在一两分钟内把所有主要功能都用到);4. 流畅(不要有小Bug,这是基本要求)。

CSDN移动:在IT技术领域,女性从业者一直是“少数派”,你的工作环境是怎样的?

刘旸:我从高中时代开始就很喜欢写代码,也希望能比较投入的去做这件事。我在网易工作时,没有受到任何特殊的对待(唯一的“特殊对待”就是没让我通宵加班),反而教会我很多好的工作习惯,比如制定工作计划、自我管理等。我不赞同“女孩子不适合写代码”这种说法,因为就算不写代码,她们还是会在电脑前待很久。相反,我认为女孩子真的很适合写客户端,她们对美更敏感,要求也更高,不然就不会有那么多女设计师了。

CSDN移动:下一步打算做什么样的应用?

刘旸:手里攒着的应用太多了。因为“词Ci”“高大上”的有点过头,我下一步打算针对女性用户,开发一款比较可爱的日历应用,希望尽可能的简单、易用;另外,我还打算把之前写的第三方应用客户端,重新用iOS移植一遍;最后,希望有人可以帮助我开发“词Ci”的Android版本(笑,我不想再重新做一遍)。

(文/徐威龙 责编/张宁)

在VB5中如何使机箱内的小喇叭发出不同的声音? 在VB6.0中播放GIF动画 在VB应用程序中恰当的使用声音 在VB应用软件中实现动画效果 在VB中播放AVI文件 在VB中建立司旋转的文本特效 在VB中如何创建闪烁(标语)屏 在VB中显示动画鼠标图标 在VB中用PictureClip控件实现动画 在Visual Basic 6.0中实现自动播放VCD VB怎样在VB中播放Flash动画。 VB制作TopMost窗口 VB制作带有动画和声音的屏幕保护程序 VB制作自己的MP3播放器 用VB实现鼠标的隐藏 0、""(空字串)、Null、Empty、与 Nothing 的区别 -VB资料 VB中获取逻辑磁盘的信息 Command & Conquer 文件格式-VB资料 CrystaIReports for VB5报表编程经验 DirectX揭密-VB资料 HOOKS 说明书-VB资料 kb_event函数的使用 -VB资料 MaskEdit 中 9 的问题 -VB资料 MDB文件的导出(使用DAO)-VB资料 PaintPicture的和法 -VB资料 Shell & Wait 的程序怎么写? -VB资料 SHELL语句用法心得-VB资料 VarPtr、StrPtr和ObjPtr函数的用法-VB资料 VB 在ACADWIN中的使用 VB5.0应用程序的启动与退出设计 VB5如何取得CDROM的盘符? 我的程序用的Access,,运行时出现“无法为更新引集定位:一些值可能已在最后读取后改变”什么原因? 怎样加大在sql server中存储图片字段的大小 这回真的是“高手请进”了!!!! 求救,javabean编译问题?? 如何获取Dispatch接口中的事件? 小小问题:如何清空用ADO连接的数据库表中的记录 大家由没有碰到这样的问题? 100分请高手给澄清关于数据库引擎的几个概念 请问 ucs2编码如何转化成gb格式的? 在Ado2.1中如果已经Addnew,如何撤消而不引起错误? 打开新窗口的问题 谁知道那里有电子版的《C语言编程思想》 如何获得输入得BSTR 字符串得值? 帮我想想! 为什么我运行 ms-project2000会出错!错误内容在里面,请大家指教!!! 哈工大附近有卖3号足球(最小的那种,可以在室内玩)的吗? 修改?? 关于CPU 100%使用率的问题 如何使用VB访问MySQL数据库? 视图窗口的windows句柄和视图窗口的指针有什么区别? SQLServer出现问题,急!! 如何像Windows Form一样,弹出 .aspx的Web文件。 请教一个问题。急 请问如何才能链接到中文文件?谢谢。 初学者的一个很低级的问题! 未老先衰吗? 用什么方法可以把DBGrid查询的内容打印处理,查询是用sql语句的,有什么好控件? 怎样重烖 滚动条的滚动消息? 请问高手:IIS5.0+PHP4.0安装问题 怎么样取得数据窗口中所有的TEXT和计算字段的列表? 如何实现(单击一个下拉菜单,同时刷新另外一个下拉菜单中的值??) 我的Red Hat 7.3启动盘丢了。怎么办? 哪里有讲Object Pascal的书下载? vb里怎么调用vc写的dll,还有为什么vc的dll不好用regsvr32直接注册,老说dll enter point not found ★★★同志们好,我想在北京找工作,什么人才网站比较好? 怎样实现在一个窗体中控制另外一个窗体及其控件? 创建一个线程来接收串口数据,为什么正常收一段时间后(10多分钟)就不再收任何东西了? 关于设计一个防震系统!欢迎讨论! 请问各位高手!Win32 SDK里面有没有用来设置麦克风音量的函数? 用.Net技术实现:与扫描仪直接连接,将扫描图像保存为文件,其他子内容保存到数据库中? 请大虾介绍一款好用的web报表打印控件,最好有说明文档,谢谢 CString类型怎样转换成unsigned char * 关于使用System.Net.Sockets时的一些不明白的问题 关于.net编辑器操作的问题? 将main函数移动后出现的编译错误 请各位大佬帮忙,sql server是否有..start with..这样语句? 读"征集2001参加工作的程序员的工作感受和打算"有感! 我知道问提出在那里了,再问: 求职 怎么修改RTE控件的字体大小? 删除文件的问题 活的干细胞的有丝分裂,和发育着的受精卵的有丝分裂.那个做有丝分裂的实验更理想? 怎么去除化纤地毯的异味? 第三题为什么选A? 化学中的电离度怎求 化纤地毯的编制中为什么要加杂一些不锈钢丝? 大学物理 3题 电动车电机350W功率能改装成500W功率吗? 试以PH玻璃电极为例简述膜电位的形成机理 用酵母粉发面要加入碱吗?什么时候加碱?加多少合适? 配位滴定法与酸碱滴定法的区别简要说明即可,大概有四条吧 怎么样去除化纤地毯的有害物质,急求我被人家骗了,买了一批化纤地毯,家里人老是骂我,现在谁有办法帮我啊.去除有害有毒物质,比如甲全,等, 能用逻辑学分析下,为什么反证法一定能成立?怎么证明它一定成立? 使用电位滴定仪测定酸碱滴定终点应注意哪些问题 在电位法中作为指示电极,其电位应与被测离子浓度()A成反比B符合能斯特公式的关系C成正比D符合扩散电流公式的关系 问两个关于水解和电离化学题 不难滴~1PH相同的HCL H2SO4 CH3COOH 各100ml(1)三种溶液中物质的量浓度最大的是?(2)分别用0.1mol/L的NaOH中和 消耗NaOH最多的是?(3)分别与形状 质量相同的铁片反 酸碱滴定法,直接滴定的条件是( ). 莫尔法测氯时,为什么溶液的 pH 值须控制在 6.5 10.5 反证法是依据逻辑学的( )而来的一种证明方法A . 同一律B . 排中律C . 不矛盾律 配合滴定法和酸碱滴定法有什么不同 1.空气污染来自于哪?用英文怎么说.2.The teachers are at work,()()the teachers.3.the chicken wing smells nice()()the chicken wing()?4.the smoke comes from the factory.()()the smoke ()from?1.where( ) 对称关系,非对称关系,反对称关系传递关系,给传递关系,反传递关系 酸碱滴定法和电位滴定法测氨基酸含量一直用的高氯酸滴定液,加结晶紫指示剂测定氨基酸的含量,用颜色判断是否到终点.现在想用电位滴定仪,结合指示剂颜色变化去判断终点,买哪种电极? 英语翻译 1.相同物质的量浓度的下列溶液中 a.NH4Cl、b.CH3COONH4、c.NH4HSO4,c(NH4+)由大到小的顺序为___C>A>B____________为什么?2.Fe2(SO4)3溶液蒸干得到Fe2(SO4)3 ;灼烧得到 Fe2(SO4) .为什么?3.物质的量浓度相同的CH3COO 观察植物根尖分生组织细胞的有丝分裂的实验观察植物根尖分生组织细胞的有丝分裂实验的:1.实验原理2. 树能减少空气污染,使我们的城市更加美丽英语 炭粉、铁粉、FeS、CuS、CuO、MnO2、Fe3O4 由什么鉴别颜色都是黑色的,由化学试剂怎么鉴别.希望能写出方程式. "观察根尖分生组织细胞的有丝分裂"实验问题实验中有一步要用到盐酸盐酸有啥用啊?盐酸杀死了细胞还怎么看细胞有丝分裂的过程? 电位滴定法对谷氨酸钠的测定计算公式滴定终点PH为9.6 逻辑学的案例 有关"观察根尖分生组织细胞的有丝分裂" 实验中\的在 "观察根尖分生组织细胞的有丝分裂" 实验中.书上给染色体染色的是 龙胆紫 或者 醋酸洋红 .而甲基绿是染DNA.那么 可以用甲基绿来 作这 电位分析法 可以测定的离子有哪些? 关于化学 电离和水解的哪些是 电离大于水解哪些离子不能大量共存常见有色离子的颜色 化学试剂能喝死人吗? 酒精发酵前为什么要对固定化酵母细胞进行增殖培养 生活中应用逻辑学的例子 两根导火线,第一根长56厘米,第二更长36厘米,同时点燃平均每秒烧掉2厘米.求几秒后第一根是第二根长度的求几秒后第一根是第二根长度的3倍。 直接电位分析法的测定依据是什么? 经常看到醋酸的电离大于醋酸根的水解,氨水的电离大于铵根离子的水解,那是不是说 弱酸弱碱的电离大于其根离子的水解呢? 在一定温度下,0.1mol/l一元弱酸(HX)溶液中,HX电离出的离子欲未电离的HX分子数比是1:30 则电离度是: 我们日常生活中的能量主要从哪儿来?可再生否?举几例说明. 一道化学电离方面的题二十五摄氏度时0.08mol/l二元酸h2a的溶液ph为一,则naha溶液中h2a的浓度与a负离子浓度的大小 与化学分析中的滴定分析法相比,电位滴定法有何特点 举两个日常生活中常见的能量转繁化的例子,并说明能的形式如题亲打错了是能量转化 如何检验黑色粉末是碳粉和氧化铜的混合物 电位滴定法与化学分析法的区别 能量利用的实例光能,声能,电能,热能,磁能,机械能,水能,风能, 碳粉和氧化铜粉末都是黑色的,请设计两种方法将这两种粉末鉴别出来,并说明哪种方法更好 分析化学电位法和永停滴定法中pC2O4是什么.用下列电池按直接电位法测定草酸根离子浓度.Ag | AgCl(固) | KCl(饱和) ┊┊C2O42-(未知浓度)| Ag2C2O42-(固)| Ag (1) 推导出pC2O4与电池电动势之间 中国的北方重要还是南方重要? 鉴别碳粉,氧化铜,碳和氧化铜的混合粉末有三瓶黑色粉末,分别是碳粉,氧化铜,还有碳和氧化铜的混合物如何鉴别? 用光学显微镜观察有丝分裂过程,如果仅从细胞分裂周期来看,图中哪种植物作为实验材料最适合(  ) 我国东北地区,冬季河流冰封期很长,为什么?巴西高原上四季如春,而亚马逊河流域终年高温多雨,为什么? 已知某黑色粉末可能是氧化铜或碳粉或两者混合物.现向粉末通入二氧化碳且加热此粉末,形成可燃性气体,…问此处的黑色粉末是?…… 观察植物细胞有丝分裂的实验材料选取的标准是什么 高一化学常用化学式俗语 什么是节点电流定律?请作详细介绍,该怎么用呢? 观察动物细胞有丝分裂的理想材料是? 初三所有的化学物质的化学式和俗称 求大学物理题解释第三题
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘