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

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

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

Hadoop科普文——常见的45个问题解答 CES 2014:奥迪下一代汽车将采用NVIDIA的芯片! Cocos 3.0 Beta发布:更易用、更友好 开拓新兴市场?诺基亚或推Android手机,UI界面遭泄露 预测2014大数据值得关注的8个发展方向 霸主地位再临挑战?Salesforce CEO,我们不只有Oracle LBS应用新星、“司机好助手”微车借力移动互联网,志在打造车主的个人移动门户 新一代IDE Light Table开源:让编程工作更简单 图片应用也能高大上,看Cooliris如何玩转无人机 拥抱Spark,机遇无限——Spark Summit 2013精彩回顾 1月10日:改变世界的iPhone七岁了,你是传奇! 同洲电子推出首款手机操作系统960OS 免费授权使用 如何在Windows 8.1的IE11中打开同步选项卡? 25年老对手评价微软:换CEO可行,但是太迟了 【PPT集萃】十位一线专家分享Spark现状与未来(三) 万元奖品等你拿!2014创客118新年大Party! Firefox OS的2013回顾和2014展望 Strom8 CEO:搞好手游开发,合伙人很重要 2013年Q4全球PC出货量同比下滑6.9% 已连续下滑七个季度 一周消息树:2013年十大产品、图书、公司盘点 专访Wunderlist主设计师Jan Martin:永远不要盲目跟风流行趋势 研发周报:超实用的JavaScript技巧及最佳实践 2013最吃香的技能:Java称霸、Android势头正猛 移动周报:最火原型设计工具盘点 “京东电商云”起航,零售企业及品牌商是重点 教育乃立国之本:教育类开源项目大汇集 Hugo Barra首度谈离开谷歌后在中国工作的感受 对中国赞不绝口 母婴行业最早试水者 优谈宝宝借助轻应用全面布局移动产品线 腾讯云平台部总经理纪顺友:微云将彻底迈过文件传输的门槛 豌豆“荚”油!B轮融资1.2亿美元的豌豆荚 2013年终盘点:10款最精巧的硬件开发板 请教有经验的学长:动态网页在我自己的机器上运行没有问题,但是(急) 一个奇怪的输出问题?各位C高手看过来 如何让Edit1->Text 等于float类型的变量? 菜鸟问题,在线等 Win98下的SOAP. 哪位大侠有installshield 7.0 以上版本的,发我一个,谢谢!!! 在word中用鼠标滚动的时候,左下角的 行 页变化是怎么的出来的,有没有程序呢 请大家看过来,apache配置文件是否有错,超紧急求救! 如何让Edit1->Text 等于float类型的变量? 为何提示不能创建对象?急死我了 在对话框类中怎样向视图类发送刷新视图的消息?谢谢 急,在线等!同样的打印程序(套打),为什么在不同的操作系统下面打印的位置有差别,怎么才能做到同一打印程序在不同的打印机和不同的系 DELPHI+SQL 想要怎么学习才能快速成长 哪个前辈指点指点 请你们指教好吗 串口通信问题 一个排序的问题! JBuilder下的编辑问题 急呀!vba高手帮帮忙? 动态类型转换 关于软件测试,测试结论 大家进来说说 如何在当前目录下调出一个CHM格式的文档? 为什么动态增加的WebBrowser1.Align不能为alClient啊? 怎样通过代码实现CTRL+C和CTRL+V的功能? 有两个问题要问,很难的哟,谁来挑战一下!! 在dll中能不能声明一些类,供外部程序调用?能给个例子最好; 各位,请帮我看看! weblogic6.1中配置好了oracle9i的连接池,名为oracle9,但是编程工程中如何使用这个连接池,希望答复!! MSXML2.XMLHTTP 是什么组件? 颜色填充 我要用到GPRS的知识,了解者请赐教! 请问在程序运行期间执行label1.text="***"怎么不变啊! 大家帮我看看,为什么不能选择divx压缩? 打开excel文件时提示“重载open方法未获得1参数” 帮忙写报表查询,我搞不定,请求帮忙!!!比较复杂!!!! 自定义标志的问题 着急! 今天在CSDN上终于变成三个绿色的小三角了,高兴……散分(前十位每人10分)! 如何把一个文件中text的值传到另一个文件中去? 路由器如何设置?? apache2配置文件问题,请大家指点迷 PPS文件用什么软件打开,谢谢! 填充颜色 svhost.exe程序错误 求HOOK例子 php得到xml文档中的中文无法正常显示问题 高手请指教一下思路!!!!!!!! 奇怪的乱码问题!急急!在线等待! 填充算法 今天我过生,放分(来者有分) 日期时间换算问题 填充算法 哪里可以下到SpatialWare for SQL Server 的解密文件 【高一数学】等比数列的问题》》》放射性元素在t=0时原子核总数为N,经过一年原子核总数衰变为Nq,常数q称为年帅辨率,考古学中常利用死亡的生物体中碳14元素稳定持续衰变现象测定遗址的 3.14159265 在△ABC中,∠ACB=90°,CD垂直AB于D,若AD=6,BD=2,则BC=?,CD=? 如图,△ABC中,∠ACB=90°,CD⊥AB于D,CD=3,BD=4,求AD的长 求 log2.5 (2.5小写)6.25+lg1/100+ln(e根号e)+log2(2小写)(log2(2小写)16) log2.5﹙6.25﹚+lg0.001+ln√e+2∧﹣1+log₂3等于多少log2.5﹙6.25﹚的2.5为底数. 谁知道泥马渡江的故事? 点P(m,2)在曲线x的平方-xy+y-5=0上的充要条件是m= 那天临走的时候,伯父送给我两本书改为把字句 已知M=x/x的平方-xy,N=y/y的平方-xy,P=2/y-x,则1/m的平方-n的平方= (cos2α-cos2β)/(cosα-cosβ) 21岁丽水姑娘惨遭男友碎尸 锯下人头18岁女子和男友吵架约见网友 被掐死伦敦股市股指23日下跌中国西藏文化周在德国柏林开幕 俞正声欧元区国家政府债务水平继续上升巴黎股市CAC40股指23日下跌乔治小王子洗礼袍仿1841年维多利亚法美总统同意合作调查电话监听事件瑞士战机坠毁人员伤亡未知 警方调查事俄罗斯总理访问安徽后回国瑞士战机坠毁人员伤亡未知 警方调查事马英九:做好充分准备应对大陆对台军事加拿大“居家护理”吸纳人数明年翻倍 不堪回首的“大东亚共荣”:时隔数十年美国政府保证“目前及以后”不会监控联华侨城100亿竞得顺德三大地块“房姐”龚爱爱案二审维持原判台媒:马英九不再跑摊的决定获好评支持黑龙江大庆萨尔图区:职务犯罪预防联系中国网媒业界人士呼吁“清朗网络空间”江门猝死民警被认定因公牺牲 生前连续明日零时起的士进白云机场不再收取2元一指成仙归农武啸阴阳九荒帝魔决平妻逆袭记天武榜华缘到六界神君我的妃子是唐朝女妖穿越之种地修仙万古通天方山旅游水乐洞旅游巴黎老佛爷百货旅游孔子生迹园旅游奢香博物馆旅游大屯土司庄园旅游那木拉错旅游格嘎温泉旅游柯村旅游华严顶旅游天目溪漂流旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘