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

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

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

麻省理工专家发布新系统Ascend,专注内存访问安全缺陷 Oracle Database 12c面临的最大挑战是开源+开放的生态系统?! 浸入式数据中心:高密度计算的新前沿 2013年腾讯合作伙伴大会要点回顾 “鼠标之父”和超文本研究先驱Douglas Engelbart去世 享年88岁 Web服务器排行:Nginx超越Apache 成为全球TOP 1000网站最常用的Web Server Windows 8之父Steven Sinofsky正式离职微软 不得接受竞争者聘用 Yelp处理1.02亿/月绝对造访人次及3900万评论的省钱秘诀 可视化:图像的主题色提取算法,是不是太高端了? 不利于写出好代码的15个职场因素 GPU Saturday技术沙龙:分享异构计算新技术及应用 微软隐藏最深的秘密武器之一——Visual Studio可作为Python IDE 历时六月,Qt 5.1正式版终于面世! HTML5全硬件加速游戏引擎:Sphinx正式公测 专访“Monster Blade”创始人:无需营销,百万下载背后的秘密 Twitter实时分析平台主要合作伙伴Dataminr:让用户不再错过重要的推文 OpenStack、OpenNebula、Eucalyptus、CloudStack社区活跃度比较 XOR的黄色大象:Erasure Code为Hadoop节省数据恢复带宽 竞争将越来越激烈:戴尔或也进军可穿戴计算市场 新技术:可直接在人脑播放广告 编程调试和诊断的五大规则 70%开发者:对现有应用推广和广告并不满意 四种方案:将OpenStack私有云部署到Hadoop MapReduce环境中 扩展PHP的五个简单技巧,让单服务器并行支撑30000用户 硅谷为什么无法复制 PubNub+Cloudinary:简单几步快速搭建实时图片分享应用 影响互联网行业的十大API(信息图) Hadoop+GPU强强联手的性能探索 Eurora获最节能超算殊荣,中国天河2号位列第31 程序员的野心:让GPU像CPU一样运行 Gungho热潮正在逐渐消退? 报表问题,急呀,救命呀~~~55555~~~~ 500分求解决一个问题 在线等待 解决立即给分 2003下为什么我的声卡不能用? 在程式AAA.PRG中如何修改表的字段的類型,比如字段C類型改為N類型??很急!!! 为什么有时候成员函数或变量显示不出来 救命!我在程序中使用webbrowse控件………… 在线等待。 也许是一个很简单的问题! 连接mysql出错 寻关于工控的中英文对照资料 想在暑假打工(计算机方面的)需要什么条件啊? 关于SQL SERVER的疑难问题!来者有分!(在线等待!分数不够可以再加) MTS与线程——高分相赠!!!! 来看看啊,告诉我再哪里下就给分啊~~ 大对象问题,所有书都是这么说的,可是都作不成功? 如何指定tquery中的某一行? 如何通过API发送翻页按键给控件? 在jbuilder 中 不能通过 创建Ejb Tester对EntityBean进行测试吗?SessionBean都可以的 如何在ie中点右键获得这个ie窗口的window Text以及其主框架的URL。 关于Kdevelop开发 大家讨论一下项目负责人到底该赚多少钱(年薪)? ★★★★★如何在文件下载完毕后自动关闭浏览器??★★★★★ #### 关于CWebBrowser控件 #### 兄弟我要做一个网上银行系统,需要做压力测试,各位有过这样的经验吗??怎么来测试,用什么工具来进行并发访问压力测试? 兄弟我要做一个网上银行系统,需要做压力测试,各位有过这样的经验吗??怎么来测试,用什么工具来进行并发访问压力测试? 菜鸟问题,在线等待,如何让JList显示带gif的文字啊? delphi+access 用ADO连接,为什么在SQL语句中用SUM()时,执行出错?送分 为什么我make时,有错误:'class' or 'interface' expected Dreamweaver mx自带的制作下拉菜单的部题? Interbase字段类型有多少,就这些吗??急呀 Sybase:怎样知道本地的哪些数据库文件已经被连接,和连接的DBN,DBF,ENG。无论是Central还是其他应用打开的,我咨询Sybase公司,还不行 请问如何用ASP.NET或ASP发送会议要求和约会 怎么样在网页上插一个FLASH动画呢 小问题,很快结帖 为什么会出InvocationTargetException ***急购vb6.0控件参考,MFC类库大全(上,下),运行库大全(希望) Applet向Servlet发消息,分别发post和get请求,请问该如何实现 请教,DataGrid实现分页后怎么保存 每一页DataGrid里的checkbox的状态 关于多个radiobuttonlist的选择问题。 Server.CreateObject("LyfUpload.UploadFile") 怎样动态的创建ado.net中的dataadapt和dataconnection? 可不可以在微软的中文网站上找到中英文的技术文章,asp是微软的技术吧? 请问如何将owc生成的图表赋不同的颜色 保存jsp文件时遇到问题,help frame中的数据传递 今天做舅舅了!!! 哈哈,我要当干妈啦:D 任何定义一个动态的结构体数组 大侠,求救,如何将英文的sql7.0的备份文件恢复到sql 2000中。来者有分。 如何用HttpResponse.Redirect()打开新的窗口 请问JBuilder错误提示:cannot access directory javax\mail at line 7, column 1 安装网络打印机时出现的提示 一次函数的关系式的问题已知一次函数的图象经过点A(-1,3)和点B(2,-3),求:(1)一次函数的关系式(2)判断点C(-2,5)是否在该函数图象上 第一单元复习-五年级备课室-小学语文教育教学的 没有世上两个人会用同一种方式读同一本书的名言是什么? 备课组内如何进行合作 脚裸是身体的哪里啊我一直不知道脚裸是在哪里 光不沿直线传播会怎么样3个合理场景. 英语翻译这是从罐装雀巢咖啡拍下来的,我想知道这咖啡的保质期是多久,生产日期之类的信息.求翻译 关于解直角三角形的题,已知在△ABC中,∠A、∠B、∠C对边分别为abc;关于x的一元二次方程x²-(c+4)x+4c+8=0的两根为a、b,且9c=25a*cosB1、判断△ABC的形状2、求a、b、c的值 光在何时会沿直线传播?光只有在真空中才沿直线传播, 这道题如何解 学过《走遍美国》的进啊大家认为《走遍美国》能提高语法吗?有人说《走遍美国》太口语化了……只能提高听力和口语,对语法没什么帮助你们认为呢?我觉的里面还有很多语法知识啊大家给 南开区 教学质量监测 第五组 序列互补如何影响DNA的性质与功能 作文记一次校园升旗仪式(场面描写) 怎样选择初中体育教学内容 谁有人教语文六年级上册第五课詹天佑的备课 写一次难忘的升旗仪式400字作文有趣 已知AB=AC,D是AB上的一点,DE⊥BC于E,ED的延长线交CA的延长线于F,试说明△ADF是等腰三角形的理由.不好意思,刚刚的问题提错了,这个才是的。抱歉。如图所示,在△ABC中,∠ACB=90°,点D,E在AB上 平行四边形的一个角与它的对角的和是150°,那么这个角是()度,与他相邻的角是()度如题. 记一次升旗仪式400 什么是爪型趾 证明:两组对角的角平分线平行的四边形为平行四边形 300字作文题目《记一次升旗仪式》的作文有哪些 怎样才能使脚甲趾长得快点我的脚甲给拔了,怎样才能加快脚甲生长呢?还有医生给我贴的棉粘在甲床上,会不会影响新的脚甲生长啊? 伊利运河是哪国的﹖ 简单的填空:一次函数和一元一次函数的关系由于一元一次方程都可以写成( )的形式,所以解一元一次方程可以转化为:当( )时,求( )的值.从图象上看,这相当于已知( ),确定( )的 1、简述园林与绿化的关系. 美国伊利偌斯在什么地方,芝加哥吗 走遍美国有用吗 体育生怎样写保证书 试说明伊利运河对美国社会经济的地理意义? 美术教学的备课过程 体育保证书150字怎么写 伊利运河作用 第28届楚才作文竞赛获奖名单!哪有?到博奥论坛去看,那有完整版的.博奥论坛-竞赛专区-语文-----------------------------------------------------------------------------------第28届楚才作文竞赛获奖名单(小学 体育生回队训练怎么写保证书? 与PCAGCT互补的DNA序列是 最美的棉花糖作文600字左右........越快越好..... 斯洛克时 红球进后 打彩球时 本来打黑球 但把蓝球打中 这该怎么算 集体备课是提高备课质量的重要备课形式.它可集思广益,将个人才智转化为集体优势,共同提高教学质量.但是有没有一种方式,可以省时省力,节约经费,资源共享,利于保存呢? 从五里店西到卢沟桥怎么走 这个字怎么读 互补的定义.书上证明的过程中有一步是"...(互补的定义)."互补的定义具体是什么吗?以前学过,但是我忘了.顺便问下,怎么打出角的符号和所以,因为的那3个点? 斯诺克中打红球时,白球先打中红球,再碰到粉球,再碰到黑球,然后白球落袋(彩球没有落袋),罚几分如题 亿、十亿、百亿、千亿是位数吗? 请解这道题,谢谢了. 28届楚才作文竞赛获奖名单什么时候出来 个十百千万 十万 百万 千万 亿 十亿 百亿 千亿 后面3位是什么啊? 答案要求几千个字.运河申遗将“京杭大运河”扩容为“中国大运河”的意义何在?运河申遗将“京杭大运河”扩容为“中国大运河”的意义何在?给我几千字 不要只敷衍的回答 如图,已知AB=AC,D为AB上一点,DE⊥BC,ED的延长线交CA的延长线于点F,则△ADF是等腰三角形吗?为什么? 英语翻译如题,一定要准确,.等待中.先谢过了. 运河申遗将“京杭大运河”扩容为“中国大运河”的意义何在?如果把长城比做中原王朝防御的盔甲,运河比做生命的血液,结合中国历史谈谈你的理解. 已知AB=AC,D是AB上的一点,DE垂直于BC于E,ED的延长线交CA的延长线于F,那么三角形ADF是等腰三角形吗?为什么? "中外名师"翻译成英文,用在教育类名师名校的用法,直接拿翻译软件类的就免了吧.在线等,着急用.先谢谢啦.感谢大家的参与,这个要作为一本杂志的书名 世界上有哪些运河?与我国的京杭运河有什么不同? 已知AB=AC,D是AB上的一点,DE垂直于BC于E,ED的延长线交CA的延长线于F,那么三角形ADF是等腰三角形吗?有急用 语文阅读课文教学比赛五年级下册上哪篇课文好?阅读课应该怎样上?生字还要讲吗?要是有阅读课文比赛的教学视频就好了,我是新老师,根本摸不着北. 如何加强备课组建设 已知AB=AC,D是AB边上一点,DE⊥BC于点E,ED的延长线交CA的延长线于点F,试说明三角形ADF是等腰三角形 求六年级课文《各具特色的民居》的备课案 如何加强教研组备课组建设 美媒称美巴首脑会谈显示两国“离婚”情叙武装分子公布被绑架俄公民视频 真伪雷神公司获30亿美元SM-3 Blo英国大型超市取消大包生菜买一送一以减民调:无财务安全感 37%美国民众自美国男孩携玩具枪街头把玩不肯放下 被挪威称曾试图阻止一名肯尼亚恐袭男子加哈里王子女友获邀参加乔治洗礼式 二人美国少女携枪照顾男童 致其玩枪走火把叙武装分子发表在叙被劫持的俄罗斯工程今日言论:\"梅德韦杰夫亲切实在幽默美13岁男孩手持仿真枪向警察展示 被潘基文敦促莫桑比克冲突双方通过对话解评论:沙特不收联合国“大礼”有人欢喜男子劳动合同被“单方解约” 半年三上台“立法院”空转一个月 民进党扯了谁报告称朝鲜核试验场挖新坑道 短期内不奥巴马称阿富汗战后方案有助长期保护巴江苏常熟美女老板获死缓 自辩称轻信了南京雨污分流工程因季建业下台或被叫停江苏13市9月空气质量排名 盐城最优郏县百姓宣传直通车让理论宣传接地气近漯河市三院开办准妈妈课堂 为孕妇传授平顶山市卫东区五一路街道开展大气污染建行平顶山分行深化“两学一做” 携手中国驻里约总领馆交涉国旗错误 里约奥中牟青年路街道以实为基 打赢大气污染汝州组织收看全省大气污染防治推进工作平顶山市卫东区为50年以上党龄党员发漯河市三院看望慰问离休老干部 并颁发平顶山市卫东区建设路街道酷热送清凉 平顶山市农信办举办内训师课程开发暨技200米自半决赛-孙杨第一晋级决赛 媒体人谈“京师瓷”事件:希望北师大牢遇见热心里约市民邓书弟助体操男团斩获预赛第一外国人看长征:国际军赛中国队获佳绩“皮卡丘”来了挺直脊梁振奋精神 打响灾后重建攻坚战旧厂房“变身”电商园深渊探索爱好者参观“张謇”号
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘