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

近匠:“词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版本(笑,我不想再重新做一遍)。

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

快速读取 TextBox 第 N 行的资料 -VB资料 快速选择里List全部项目-VB资料 VB利用 App.Path 读取「应用程序所在之目录」 VB利用 EM_LINESCROLL 信息控制 TextBox 的卷动。 命名的技巧 -VB资料 目录所占的字节数-VB资料 VB判断文件是否在IE的缓存中 屏蔽文本框的右键菜单-VB资料 VB取得长文件名 VB取得临时文件名 VB取得某个目录底下所有文件大小总和 VB取得文件的扩展名 VB取得文件内容 确定 TextBox 有几行-VB资料 确定是 WINDOWS 的可执行文件-VB资料 让打印机只打印一行-VB资料 VB如何把批处理文件转换成EXE文件? VB如何调用 Office VB如何将文件删除到回收站 VB如何快速移动文件? VB如何让文本框输入完后,直接跳入下一行? VB如何使用vb取得一个文件的控制权 VB如何使用文件复制对话框? VB如何使用资源文件 VB如何用Dir()函数来列出C下所有TMP文件并且用文本框输出 VB如何在 VB 中使用 Winzip 来压缩文件? VB如何在DOS程序结束执行时,自动将其关闭? VB如何在VB中实现Undo(撤消)功能? VB如何在VB中实现目录遍历 VB如何在Windows操作系统中改变文件打开方式 VB如何知道硬盘是使用那一种文件系統(FAT32,FAT16)? 请问怎样把整型转换成字符串型? 谁在BCB下用过研华的PCL-812采集卡? 8数码和8皇后的算法,大家指点我一下看看,up有分,分可以加 数据库连接讨论!各位在连的时候用的是ADO,还是RDS? 有关上网设主机的问题(双网卡)(在线等) directx8中哪只函数支持播放内存中的声音文件 万分紧急!!!!!!先谢过! 那里又"绝世宝贝"下载? 哪位大哥帮翻译一句话!非常感谢!!!!!!!!!! 请问一个问题:用acdsee如何把点阵图转化成矢量图? cdonts在客户端发送附件,为什么失败? 第一行,第一列错误是什么回事阿? 怎样计算php里的时间差,mysql的时间差? 关于控制台程序 BYTE型怎么 输出到文件(急) 广州IT俱乐部活动讨论 OleContainer1对象如何使打开的文件嵌在OLE里面,而不是在外部打开DOC文档. 寻兼职程序员,开发一个的屏幕取词工具软件 那里有interdev下载?在线等 小弟初学vb.net,现有一题急需帮忙. oracle9客户端连接oracle816:tns 出错: 写文件换行,再按行读出 ASP开发工具的讨论!大家都用什么开发工具!DreamWeaverMX有没人用啊?看起来功能挺强的! 哪位大哥用过toplink连接oracle数据库的,请进 如何获得给定的文件的路径,比如文件"a.txt"发路径? (((SOS)))在WebForm中怎么样用程序隐藏dataGrid由属性生成器生成的按钮列(删除。。。) 高分求帮助 请问一般在VB中,该如何维护ACCESS数据库 asp的Response.Write的问题? 你们难道没遇到过这个问题? 大虾们救命!!!在线等待.................. 在次提醒!女孩不要看! ADODB.Stream 错误 '800a0bbc' 用sql的朋友们进来看看,问题不是很难,帮帮我。谢谢。 寻兼职程序员,开发一个的屏幕取词工具软件 怎么在sdk编程中设置editbox的初始值 大虾们救命!!!在线等待................. 如何能够屏蔽WM_SIZEING的消息. 关于DataGrid的问题 找房子的问题?有办法的帮个忙! sql server 与oracle的数据类型 充分发挥网络优势和自由精神,共同开发维护我们自己的网站 遍历表单中的文本框,为何只出现第一个值 请教如何在VB中调用我在SQL中建好的带参数存储过程? 天天泡程序人生,无心向学,欲罢不能,咋办? 怎样向一个数组里面写入数据,使这些数据满足下面的条件? 请各位看看这个网站www.green-net.com.cn,一家不错的深圳通信公司,现在急缺研发人员(包括软件,测试,用服,市场人员),待遇从优。有 updete数据窗口时新insert的数据出现重复问题?紧急! 关于textbox和回车的问题 高分求一个VB源码分析工具CodeReview? 如何得到注册表的网上学习资料?拜托各位大虾指点。 带有心的二字词语亲信的人( )最心爱的人( )心思和精力( )指人的力量( ) 鱼在水里怎么游来游去的?你们自己发挥想象吧 物理在空间运动到最高点时,急 我认为是 0 征集297条带心字的词语!有急用,越多越好! 日本历史上都和哪些国家发生过战争? 物理中有直线运动,平面内的运动,那么物体能不能在空间内做运动 led可调电流驱动电源,调输出功率时,用什么仪器测试比较方便,电压电流功率都很直观 探究磁性强弱与温度的关系所需要的器材电流表,滑动变阻器 条形磁铁 铁钉 大头针 温度计 酒精灯 火柴中选 当我在高速运动的地铁地铁在高速运动时 在身体不接触任何东西的情况下向上跳 这时候我是不是会飞到后面去 如图,一理想变压器原线圈接正炫交变电源,副线圈接有三盏相同的灯,灯上均标有36V,6W 金属性强弱与温度关系 为什么快速运动的物体的相片模糊 (我想知道物理原理)那能不能说由于物体运动太快 光子达到底片的很少 果园里种那种食用菌合适?陕西周至山区 电鱼器脉冲怎么调试 下列不属于自然资源特征的 A、自然资源的数量是巨大的但又是有限的 B.自然资源的质量在各个地区是有下列不属于自然资源特征的A、自然资源的数量是巨大的但又是有限的 B.自然资源的质 如图中,电压为3伏,并联8个LED灯,那么光敏电阻应该选择哪种型号的? 电鱼器DC12V-2000W啥意思我买了个电鱼器是JX8-32型,再就是DC12V-2000W代表电流是多少,放水里一连电,鱼就在水里不动了,一松开开关,鱼又就动了,我看他们一连电,鱼就翻肚皮上水面昏了,我的是怎没 如何区分花岗岩与片麻岩与砂岩 怎样判断KCL,NaCl,CaO,BaO四种晶体熔点的高低?(解题方法?) 两个3V LED灯并联在5-6V的电源行吗 如何区分片麻岩与混合片麻岩? 如图所示为理想变压器原线圈所接正弦交流电源两端的电压—时间图象.原、副线圈匝数比n1∶ 如图所示为理想变压器原线圈所接正弦交流电源两端的电压—时间图象.原、副线圈匝数比n1 led灯珠使用3v电源,很快变暗的原因是什么?火机上有个led小手电,我拆下来后发现是用4节纽扣电池供电的普通草帽性灯珠,改用3v电源供电,结果过不了多久灯光就迅速暗了下去,同时灯光颜色也 花岗岩、长石石英砂岩和花岗片麻岩有什么共同点和不同点? 如图所示为理想变压器原线圈所接正弦交流电源两端的电压—时间图象.原、副线圈匝数比n1∶n2=10∶1,串联在原线圈电路中交流电流表的示数为1A,下列说法正确的是A.变压器副线圈的电流为 4g硫粉与7.56g铁粉混合加热使之充分反应后,使反应后的固体物质与足量的稀盐酸反应.(1)标准状况下可以生成气体多少升?(2)实际所得气体明显少于上述所求体积的主要原因是多少?(3) 科技发展利大还是弊大?请举几条具体事例 一圆锥形煤堆,直径4m,5m,如果每立方米煤重1.4吨,这堆煤重多少吨(得数一位小数) 列示 将4g硫粉与7.56g铁粉混合加热使之充分反应后,使反应后的固体物质与足量的稀盐酸反应.(1)标准状况下可以生成气体多少升?(2)实际所得气体明显少于上述所求体积的主要原因是多少?(3 石英砂岩与长石石英砂岩的区别及含量各是多少? 夏季到了,做食用菌,一般促销物料有哪些能用的上呢? 将8.4g的铁粉与3.2g硫粉均匀混合,在敞口事关中加热,充分反应后,待残物冷却后加入盐酸那么理论上可收集到标准状况下的气体为多少? 光照到物质上,其强弱跟物体的温度没有关系.是对的还是错的 已知甲管道中生酒为2升每秒的流量,当已管道流量阀门调至某一位置时刚好沟兑出符合质量标准的酒精质量分数为18%的生酒,求乙管道中生酒的流量.(设生酒的密度为1克每厘米³) 将4克硫粉和10g铁粉混合加热,使其充分反应,问:(1)可生成硫化亚铁多少克?往反应的混合物中加足量盐酸,可生成气体多少毫升?这题中回答第二问还有一题,如何除去二氧化硫中的二氧化碳, 关于曲线运动,为什么质点做S型曲线运动时在S的中间点怎么没加速度 LED的功率因数与哪些条件有关? 中东的 匮乏,其主要原因是中东地区 、 、 . 质点的切向加速度,法向加速度及加速度哪些为零哪些不为零?匀速直线,曲线运动,变速直线,曲线运动 led节能灯常用的led“亮珠”有何规格?单珠所承受的电压多大?安全电流多大? 中东地区最缺乏什么 中东地区缺水原因 6v的电压 3v的led 80的电流 要用多大的电阻 为什么鱼能在水里游来游去 1w正白光LED大功率LED灯...输入电压3.2-3.6v.我现在要用12V电源供电...1w正白光LED大功率LED灯...输入电压3.2-3.6v.我现在要用12V电源供电,要串联多少个1w正白光LED大功率LED灯?才能稳定在12V的电源下 英语翻译see fish ____ ____ ____ 为什么鱼在水里一直游来游去感觉好像很不安 中东地区的国家为什么缺水,比如阿拉伯国家他们为什么那么缺水,他们受什么气候的影响呢! 市政中综合管道埋深两米是什么意思? 鱼儿在水里游来游去把句子写生动 中东地区最缺水的地区是?哪一个地形区? 传统LED开关电源为什么功率因数比较低 帮我出十道《海底两万里》的名著阅读题 LED模组 串联贴3个2835灯珠 电压3.6V,电流60mA.使用12V的电源.改用多大的电阻?一个灯珠一个电阻 帮帮忙帮想一下带浪漫二字的四字词语,谢啦. 开关电源中,低功率因数与高功率因数两种设计的区别在哪里?是不是用IC可以区分?低功率因数的IC就做不了高功率因数的电源? 《海底两万里》名著阅读题人教版..急1、《海底两万里》是法国生物学家凡尔纳的三部曲之一,他的另两部作品是、().  2、《海底两万里》主要讲述()号潜艇的故事.凡尔纳的小说之所 带心和雪的四字词语实在不行, 历史上中国和日本的最早战争发生在什么时间、作战情况及结果怎样 光的强弱和什么有关?我们视觉感觉到的强光弱光,是光的什么性质决定的呢? 50W电灯和100W电灯所发出的光子本质区别?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘