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

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

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

2013IBM云存储路线图:更快,更简单,更安全 二战大数据故事:数学家、物理学家、概率论击败德国潜艇 软件定义网络服务商Pertino B轮融资2000万 Scringo社交组件,让你的应用“热闹”起来! Android开发必备:Eclipse 4.2 SR2版本发布 32场!2013年360HTML5校园行首站告捷 移动周报:不做内容,只钻技术的快播 一周消息树:中国开源发展缓慢的“病因” 百度应用引擎BAE正式开放 新增支持Node.js CloudVelocity,下一个VMware? Buffer创始人谈开发:先验证,后编程! 谷歌可穿戴式产品再度来袭:会说话的鞋子 未来Chrome OS或取得Android般成功 云落地@北京,北京市北斗公共平台或开放API? GitHub再遭攻击 主要服务中断约一小时 移动开发者将有望拥有.app域名使用权 微信将推“游戏中心”?移动互联网入口圈地加剧 美国航空公司首次开放API 并举办“黑客马拉松”编程大赛 谷歌数据中心设计的10条“黄金法则” GitHub时代:为什么我们都在开源 VMware发布Horizon Suite 三款应用打包折扣低 TOP30+应用排行榜:二月份国内外综合榜单 开源是否意味着不需要负任何责任? 微软年度科技展 酷炫技术知多少 图解Hadoop生态系统 HTML5并不给力 微软IE10又默认启用Flash Oracle出新提案:Java正逼近iOS? TIOBE 2013年3月编程语言排行榜:厚积薄发 Ruby反超Perl 清华大学开源镜像站将被关闭 发表公开信 前Google资深研究员赵勇回国创业 专注计算机视觉/模式识别 开发者福音,微软开源Kinect源代码 怎么从crosstab中取列名? c++ primer 难!难! 难!如何得到选中文本加亮矩形区域?? 如何在北京找一个工作+学习的机会? sql7.0如何升级到sql2000并且数据不变 DBGrid顯示的范圍如何定? 请教:在VC++中编程时,为何有的文件能出现类成员提示,有的文件编辑时不出现提示,有的只出现该类的,却没有其基类的类成员提示? 一个很好拿的高分 我写了一个拨号网络记时的工具,可以设定时间自动断线,提供源码.... 怎么读取外部数据源中的某个表中的某列的数据类型? 如何注册一个DCOM,让它跑在别的机子上? 关于用Win32 API画 BMP 图片问题 !急急急急急急急急急急 !!! Delphi 6 的 lib path 丢失!! help?谁知道Tab Control 控件的用法,12分的感谢!!!! 请问:如何在一般用户环境下启动管理员程序? 我想捕获网卡收到的数据包,该怎么搞? vb中调用sql server和ORACLE数据库的问题 北京的朋友,有谁知道这东西那里有卖的?? 想在c#和java中选一个,给点意见.客观点. 如何得到在另外一个窗口中所选择的结果 dcc32如何使用? 大哥,大姐们,这到题没分给,但我真的想知道答案 求对VSS或者Team Source开发的例子 科鼎校园网V2.3测试版网上演示 关于 WINDOWPLACEMENT Structure 关于用DELPHI联接ACCESS数据库怎样使用insert命令的问题(很急很急)加分多多!!! 学c#要那些知识前提。 请问新建怎么做? 为什么在excel表中可以看到的数字,用data连接后,在text和dbgrid中却看不到。(只显示出了其中的一部分) 简单问题,关于toolbar CTime类型变量的值存到数据库中datetime类型的小问题! vc怎样打开access数据库!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !求助,我的机子不能启动了。。。 XML中华网有好多的C#资料哦! 比较问题一道,关于 == 版主请进 ~ CrystalReport的一个奇怪的问题,Help! 唉,终于解决不了了,如何在运行时,改变LISTBOX的风格。MSDN说不能解决 AnsiString与TStrings之间的区别与联系,急! 有谁知道下载cobol的编译器,能在window下用的 各位兄弟、姐妹,谁能给我一个超星的账号阿!!谢谢了 再请教 Delphi的EXE 请问关于数组的问题 机器的速度太快,玩不了挖金子,有什么办法? web应用中使用Window ActiveX OCX技术存在问题 请教灰色凹下直线问题 jbuilder编译的问题 有关网络视频会议系统的开发模型问题??? 如何实现在DW中取数据? 如何注册一个DCOM,让它跑在别的机子上? 1molFeCl3完全反应,能生成1molFe(OH)3胶粒吗 生命的意义在于 同一经纬度地区,高处不胜寒的原因A气压低B到达的太阳辐射少C气压高D大气的逆辐射少 生命的意义在于什么? 生命的价值在于? 同一经纬度的地区,“高处不胜寒”的原因是 生命的意义到底在于什么 长度,面积,体积,容积之间的进率?长度,面积,体积,容积之间的进率分别是多少呢? 科学改变着我们的生活资料 生命的价值在于什么? 生命的意义人最宝贵的是生命.生命对于每个人只有一次,人的一生应当这样度过:当他回首往事的时候,他不会因为虚度年华而悔恨,也不会因为碌碌无为而羞愧;临终之际,他能够说:“我的 青藏高原为什么太阳辐射强热量低 1molFeCl3完全转化为Fe(OH)3胶体后形成NA个胶粒为什么是错的实际上应该是更多还是更少为什么 体积和容积能比较吗 爱因斯坦写下这样一个公式:A=x+y+z A是成功,x是正确的方向,y是艰苦努力 谈谈你看到公式后的感想. NA个Fe(OH)3胶体粒子的质量为107g?NA个Fe(OH)3胶体粒子的质量为107g,这句话错在哪里? 体积和大小有什么区别 爱因斯坦说的公式a等于x加y加z这四个字母的含义 1 mol FeCl3与沸水反应生成的胶体中含有NA个Fe(OH)3胶粒用NA表示阿伏加德罗常数的值,下列叙述正确的是(  )A.1 mol FeCl3与沸水反应生成的胶体中含有NA个Fe(OH)3胶粒B.1.12 L NH3所含的原子数是0.2N 体积和容积的区别 爱因斯坦在谈成功秘诀的时候写下了一个公式:A=x+y+z,其中A代表成功,x,y,z分别代表? 导致沙尘暴的天气系统是? 科技进步给我们生活带来了什么变化 爱因斯坦的小故事里的一题请谈一谈你对爱因斯坦写下的公式 A=X+Y+Z 的理解 形成沙尘暴的天气系统是? 科技让我们的生活带来了怎样的变化,科技给我们带来的什么困难 有几道流体力学的题需解答第1题 一条管路由1断面向2断面输送液体,中间无能量输入,则1断面上总比能E1和2断面上总比能E2之间的关系应满足A、 E1E2C、 E1=E2第2题 理想流体流线的伯努利方程表 安徽省生物竞赛相关问题1.安徽省生物竞赛预赛和复赛(全国联赛)的选择会标明单选多选吗?为什么我看有的年份的试卷标了,有的年份的没有标明?2.预赛大概考多少分能进复赛,复赛考多少 对流层大气的热量大部分来自什么辐射? 流体力学习题求解答已知一不可压缩流体的空间流动的分速度Vx=x*x+y*y+x+y+z,Vy=y*y+2yz,试用连续方程推出Vz的表达式 10安徽生物竞赛有没有生物报名方式寒假竞赛培训班 科学技术的发展,有助于改进人们的生活.怎么修改病句? 爱因斯坦所说的公式A=x+y+z中,A、X、Y、Z分别代表什么(英语) 急… 科学技术进步与否是国家富强的标志 修改病句 爱因斯坦谈成功秘诀时说的公式:A=+Y+Z,Z为什么代表少说空话? 2010安徽省生物竞赛复赛 题型题数总分 胶体中的胶粒为何会带电? 为什么青藏高原的年太阳辐射总量比四川盆地多 2009安徽生物竞赛问题推动细胞周期由G2相向M相过度的驱动器为A.CDKl B.CDK2 C.CDK3 D.CDK4 我们的生活在科学技术日新月异.修改病句 青藏高原,四川盆地,和长江中下游平原那个获得太阳辐射最少,为什么 对于我来说,生命的意义在于设身处地替人着想,忧他人之忧,乐他人之乐.是爱因斯坦说的吗? 当今时代,科学技术已经推动生产力发展的巨大动力.修改病句 为什么胶体粒子会有选择性的吸附溶液的离子? 1.对于我来说,生命的意义在于设身处地地替人着想,忧他人之忧,乐他人之乐.() 生物学各级竞赛介绍本人浙江省高一新手,求大神介绍下各级竞赛的区别(这几天考的预赛之后还有什么?),以及奖项的含金量, 爱因斯坦成功的秘诀是什么,爱迪生成功的秘诀是什么 对于我来说,生命的意义在于设身处地替人着想,忧他人之忧,乐他人之乐.是什么意思 爪机不能追问 汗 好像五月中下旬就考试了 现在在看黑皮 还有一本普通生物学吧 主要就是问一下现在开始看还有希望拿奖吗 没戏我就专心搞理化(貌似有点太不专一了哈) 省二三就可以 省一 为什么我国年太阳辐射总量最多的地区是青藏高原;最少的地区是四川盆地? 生命的意义在于设身处地替人着想,忧他人之忧,乐他人之乐.对你的启迪是________________________- 生物竞赛实验笔试题考什么啊?我说的是实验题怎么考,不是考试大纲,请估计出题目形式。 高中化学常见胶体的胶粒哪些带正电,那些带负电? 塑料盆长期使用后的污垢怎样祛除我怎么刷也刷不干净 生命的意义在于设身处地替人着想,忧他人之忧,乐他人自乐七下 这句话对你的启迪 “高处不胜寒”是因为高处获得的太阳辐射小.为什么是问,为什么不对. 如何去除塑料盆上小标贴留下的粘贴污垢呢?新塑料盆上都贴有标签,但是撕了小标签后会留下粘贴印,要如何处理呢? 某平行板电容器的电容为C,带电荷量为Q,相距为d,今在板间中点放一个电荷量为q的点电荷,则它受到的电场力的大小为:A.k(2Qq/d2)B.k(4Qq/d2)C.Qq/CdD.2Qq/Cd可是B为什么不对呢? 高处不胜寒与太阳辐射,地面辐射存在什么关系?1.为什么在对流层大气中,随着高度的增加,而温度递减?2.青藏高原海拔高,不是应该离太阳更近,对太阳辐射的削弱作用较弱吗?为什么海拔高会造
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘