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

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

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

接手Android后首次接受媒体采访 Sundar Pichai谈Android未来 C语言实现二分法查找 让开发者高效编程的10个新框架 Google Analytics中显示访客停留时间为“0”的秘密 大数据之惑 麻省理工三位物理学家自建数据库服务Cloudant 融资1200万美元 网页浏览器进入再造新时代 AMD揭露HSA运算架构新技术hUMA细节 美团悄然上线云主机服务:与亚马逊殊途同归,还是另有谋划? 微软发布deep-tech团队招募令,期望获得下一代开发者的支持 2013谷歌I/O开发者大会:发布多个软件产品和服务 C语言实现二分法求解方程 开发测试云与虚拟化解决方案 学苹果?微软淘汰Points支付系统改用Gift cards 甲骨文改变Java版本号命名方式 [CTO俱乐部第97期]中科院、腾讯、深圳明源研发团队管理经验分享 Android Studio来了,它能取代Eclipse吗? Google Play Game不够开放,被OpenKit炮轰 Google Play Game Service详解 不仅提供API更提供后端支持 IBM Power走向Linux,是必然的! 美国国家安全局解密特工培训手册:如何利用谷歌等大众搜索工具搜集保密数据 微软IE10如何保护上网安全(大图) 谷歌无畏苹果的理由:强力的算法和基础设施架构 开发者热议异构统一内存访问技术(hUMA) 千万级并发实现的秘密:内核不是解决方案,而是问题所在! Apache RewriteRule重写规则语法入门 IDC:2013 Q1 Android和iOS出货量占92% WP首超黑莓 传雅虎欲10亿美元收购轻博客网站Tumblr A Beautiful Mess:如何赚男人女人的钱 CSS、JavaScript开发者必备的10款最佳工具 IBM推出API管理平台 抢占API经济市场份额 在爱情方面谁能做到这一点? 谁有 file cutter v1.4的注册码? 有急用! 搞一个专业的VC程序员基地~~~~~~谁愿意加入????? 最新发现:原来C++Bilder的项目文件(.bpr)是XML格式的! 关于FAT32和NTSF的问题 如何用VC实现Email的发送? 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题;否则我快下岗了! 搞一个专业的VC程序员基地~~~~~~需要网页制作高手!! ADO 的用法 m_pRecordset->Fields->GetItem(index)->GetName() 关于CRichEditCtrl的问题之二,取的当前可见行数? 请问在哪里下载IMAIL SERVER???各位帮帮忙!!! 高手请回答,ADO和BDE到底有什么区别,你选择谁?为什么? 高分求教!!!!!!!!!!!!!!!!怎样得到局域网上所有的机器名?(普通WINDOWS网络,用VB?,好象用WNET API可以的) 如何安装com.ibm.bridge2java.*这个包阿? 有人吗???求救! 你也许也会遇到这样的问题? 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题!!! 大虾看过来. 一个access表一万条记录,想转到Mysql下(Mysql在Linux下)用什么方法和什么语言来做好? rs.CursorLocation=aduseclient是什么东西? 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题! 简单SQL,免费送分! 用ASP如何上传文件,可以用组件。 谁知道怎么改运行中的程序的托盘图标???我用SysTray.ocx不能改? 新手提问,简单题目,大量给分~~~~~~~~~~ 如何使用getdispatch(), 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题!! 关于在一个窗口中的多个数据窗口的问题 扔块砖头, 开个场子 。 ( yeti_lee ) 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题;否则我快下岗了? To: baicolt(五岁的小新是我师傅) 有没有人用过Jcreator 如何在sql server 的查询分析器中用sql语句转到另一台机器上的数据库,同样了sql server的 是不是MSHFlexGrid的bug? 800分+工资管理原代码,如何解决ActiveReports打印图片的一个很难题;否则我快下岗了?? 这个错误类型是什么意思? 如何能够简单的得到昨天的日期? NetBios-SSN是什么? 怎样得到局屿网上所有的计算机名,我想给班里写个局屿网聊天程序,原想用DX8,但DX8好想建立的连接都是C/S模式的。如果能得到机器名就可以用WINSOCK写了(用VB写) 请问诸位有没有什么自动生成源码注释的工具,可以产生函数说明注释和类说明注释 数据库连接这种是什么错误? TStringList *p 定义为一个两维数组怎么做? 在VC++6.0下编程,有什么办法可以获得所有的窗口的句柄??? 如何纪录当前的ID 凡是繁体字的帖子是不是港台同胞发的? 在ASP中,怎样可以删除一个在硬盘上的的文件????? 有人知道下面情况怎么实现吗? JDBC插入2000个字符到Oracle字段中的问题 凡是繁体字的帖子是不是港台同胞发的?。 pb中的pfc类库如何调用? 如何得到当前WINDOWS的进程??以及线程??? 不锈钢管的计算公式按每米报价 一卷100克的无纺布大概多重 我知道一卷是200米,重量不知道有多重 在为灾区捐款捐物活动中,小明也捐了5元零花钱,虽说不多,但____.歇后语, 矩形钢管每米价怎么算已知一种矩形管价格是5300每吨 问每米价格是多少 100斤铁重还是100公斤(200斤)棉花重……纠结 小明和小刚都积攒了一些零用钱,他们所积攒钱数的比是7:4.在支援灾区的活动中,小明向灾区人民捐款了22元钱,小刚捐赠了10元钱,这时他们剩下的钱数相等.小明原有多少钱. 304不锈钢管价格去哪里查询价格啊? 怎样适当给小孩零花钱? 在向灾区捐款的活动中,小亮捐款了零花钱的25%,小东捐了零花钱的20%.小亮捐的零花钱一定比小东多吗?请通过计算来说明.谢谢各位大哥、大嫂、叔叔、阿姨、大哥、大姐……!设:小亮捐款 在比例尺是1:40000的地图上,两地相距5厘米,如果在比例尺是1:25000的地图上,两地间的距离是多少厘米 家长如何给孩子零花钱对这个的评价 一公斤铁和一公斤棉花哪个重 在比例尺1:40000的地图上量得两地的距离是6厘米,这两地中间的实际距离是多少米? 知道纸的吨价克数和重量怎么计算出令数列如:一吨50克正度防近视纸 4000元一吨 计算出有多少令 每令纸多少钱 要求有公式 我想通过密度算出有机玻璃的价位是多少 100000块日元等于多少人民币 克重 门幅 怎么算重量克重150克 门幅155cm 3000米布 怎么算出有几公斤重 一斤棉花和一公斤铁哪个重 100公斤铁和100斤棉花哪个重这是见证你们智商的时刻了 每卷收银纸的重量怎么算,知道克重,米数,和宽度 甲乙两数的差是90,甲数的6分之1与乙数的4分之1相等.甲数是? 不锈钢六角管重量计算公式? 1/2'' 和5/16'' 等于多少毫米?怎样换算的?请问怎么划算成毫米? 甲乙两数差是90,甲数的6分之1与乙数的4分之一相等,甲数是 ( ) (单价:元/kg)里的kg表示多少?kg等于多少斤? 管子的换算公式从吨换算成每米的重量价钱? 在比例尺是1比8000000的地图上,量得A、B两地相距20cm.两列火车同时从A、B两地相对开出,甲车每小时行110km,乙车每小时行90km,几小时后相遇? 彩钢板 0.5mm,单价8.2元/kg,单价怎么换算成 元/m2急 甲、乙、丙三个小朋友积攒了一些零花钱,甲的存钱是乙的2倍,乙的存钱是丙的2倍,已知甲比丙多存60元.甲乙丙各积攒了多少元? 算布料时,如何把平方英寸算为平方码? 在比例尺是6000000分之1的中国地图上量得甲、乙两地间的距离是17厘米,那么两地之间的实际距离是多少千米如果把它画在比例尺是5000000分之1的地图上,应画多少厘米要算式 克重110克每平方米,门幅1.5米,数量900米,请问怎么换算多少公斤? 一个两位数,个位和十位辶和等于十,如果把两个数的个位和十位数字对调,得到的新两位数比原来的数大一十八,请问原来的两位数是多少,请问怎么算. 天平左边一斤棉花,右边一斤铁,什么时候棉花比铁重? 甲、乙、丙三人共有零花钱123元,已知甲和乙的钱数比是5:4,乙和丙的钱数比是6:7.甲乙丙各有多少零花钱 1亿等于1乘10的几次方 在比例尺是500000分之1的地图上,量得甲乙两地间的距离是4厘米,如果将这段实际距离画在比例尺是2000000分之1的地图上,应画多少厘米?十分钟内. 甲乙丙三个小朋友,甲的钱数比乙多408元,甲的钱数是乙的4倍,乙的钱数是丙的2倍,丙有多少元钱? 多少尺等于一码 在一副比例尺是500000分之1的地图上,量得甲、乙两地相距3.2厘米,甲乙两地的实际距离是多少千米?用两种方急怎么做还有用2种方法来算 1+1为什么等于100000 2510亿等于2.51乘10的几次方? 李明和张月都积攒了一些零用钱,两人所积攒的钱数比是9:5,然后李明花了48元,张月花了20元.这样他们剩的钱数相等,李明赞了多少钱? 1加到100000等于几? 一码等于多少毫米 在比例尺是300000/1的地图上量得甲、乙两地相距12cm,如果画在比例尺是1:4000000的地图上,两地相距多少cm 无纺布克重怎么算出米数? 1兆等于10的几次方?是数学数字上的一兆,等于10的几次方?就是多少个零.那是一兆等于一千? 在一幅比例尺是1:300000的地图上量得甲,乙两地的距离是5.5厘米如果改成1:500000的地图上.甲乙两地距离是快 99999-100000在什么情况下等于1我怎么认为是在算错的情况下才等于1呢 一个十位数各数位的十次方之和等于它本身,这个十位数是?···ABCDEFGHIJ是一个十位数,且等于A的十次方+B的十次方+C的十次方+……+J的十次方,求这个十位数···如果感觉太烦不想算给留下方法 小红和小明都攒积了一些零用钱.他们所积攒的钱数比是5:3,在献爱心活动中,小红捐了26圆,小明捐了10圆,这时他们钱数相等,小红原有多少钱? 宽1.6米80克无纺布1公斤有多少平方米 标题:一斤铁和一公斤棉花 哪个重?别以为很容易.很多人会错. 知道镀锌钢管一吨的价钱,怎样转换成一米的价格,要具体的公式和解释 无纺布35克一米五宽 一公斤等于多少米1.55宽的无纺布。刚刚打错了 一公斤煤等于多少卡谢谢了, 不锈钢管 不锈钢管价格今日不锈钢管信息 不锈钢管价格.任何地方都可以的,给我看看 ,真的很全,全是最新的不锈钢信息 克重40 幅宽2.4米的无纺布1公斤等于多少码 在为灾区人民捐款物中,小明也捐出了自己的五元零花钱,虽说不多,但(歇后语)
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn