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

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

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

在VB中更改SQL Server数据库结构 在VB中兼容非ACCESS数据库的技巧 在VB中引用dbf及索引文件 在VB中运行Microsoft Access报表的好方法 在VB中直接用ODBC API访问数据库 在数据库应用中, 经常要动态生成 Select 语句,典型的情况:-VB资料 在运行时修改DataEnvironment的连接字符串-VB资料 在抓取資料庫之資料前先計算資料總筆數 -VB资料 增加 MsFlexGrid 的编辑功能-VB资料 真正删除数据库的记录 -VB资料 用VB制作屏幕保护程序 VB多媒体程序设计 VB设计动画时钟 VB游戏写作技巧(1)秀图篇 VB游戏写作技巧(2)网络篇 VB中播放WAV文件 VB中播放三维动画编程一例 Visual Basic 5.0多媒体创作技巧 Visual Basic 5.0中实现视频画中画 Visual Basic 中制作流水灯 Visual Basic动画编程技术 Visual Basic环境下Video/ Audio压缩数据流播放技术 Visual Basic设计多媒体应用程序 Visual Basic影音控制 Web动画图像分解在VB动画设计中的应用 播放 .flc 动画 -VB资料 播放 AVI -VB资料 播放MP3文件 -VB资料 播放背景音乐 -VB资料 播放声音文件 -VB资料 播放资源文件文件中的声音-VB资料 请教一个简单问题,怎么实现象foxmail那样的,在状态栏中留一个图标,单击再恢复? Mmxado错误 oracle问题!!!分数不多,但望高手不吝赐教 RECORDSET对象的UPDATE方法时出现以下错误提示 致斑竹流方,怎样以树形结构列出并打印PBL中所有对象,包括对象中的控件和事件,并标识哪些有脚本? 怎样学习编写VB代码?以及它与ADO数据库之间的连接? 原来holyfire是这的班主! 我最敬佩的人是:playyuer(女㊣爱)! 问一个关于TTreeView控件中树节点所带数据的问题 菜鸟求救:有关DBGrid显示的问题。 当读取1万条记录以上,应怎么做才有高效率? 那想在记事本中实现“查找,”“替换”。。。。要怎么做,我头猛大 有没有按位图画不规则窗口的代码? 怎样得到LISTCTRL的全部列(COLUMN)的信息,难道要用GETCOLUMN()? 为什么现在学win32 API的人这么少? 还是老问题 redhat安装问题,请高手指点 网页中有一文本框,如何约束用户输入格式 现在fanso怎么回事? 安徒生童话之六---老爹做的事总是对的 (呵呵,好故事,很美丽) 如何调用EXE或DLL程序,使被调用程序是调用程序的MDI中的一个子窗口? 《网络设计师教程》P103表5.2中 4B/5B码和4位2进制之间是怎么转换的? COM进程类组件中,在一个接口中加了一个方法,成员变量类型CString,可是不行,那该用什么? 请问那里有 motif toolkit 开发工具下载 一个mysql的问题! 出售软件源代码以及销售权! byte类型的数据如何转化成二进制数,显示给用户(如8-》0000 1000) 代征:精通vc的深圳朋友,精通网络通讯的开发和多媒体处理。 20分求助!这条警告是什么原因呀?怎么解决 ?LINK : warning LNK4089: all references to "SHELL32.dll" discarded by /OPT:REF 局域网的文件共享传输是基于什么协议的? windows and dos ??? 请问大家几个技术问题!!谁能回答阿!比较着急!:) 有没有代替VB里的PICTUREBOX 的控件,VB里的不好用?????????? 我是新手,请问JSP有些什么开发软件?比如JAVA用JBUILDER。。。 请问知道整型值a=97,什么函数可以得到"a"呢?即97->"a"通过什么函数呢? 如何将十进制数转换成二进制数 函数对象的简单问题 喜欢仙剑的朋友请进。:) 恭喜恭喜? 我想制作C++ Builder4工程的安装程序,不知道用什么软件,请大家帮忙。谢谢! 请问大家几个技术问题!!谁能回答阿! 我是ASP初学者,请求一个简单的问题,Help!!! 有没有关于installshield6的书, 快看呀!我真的要不行了! 请教大家一个术语吧! 低手问题,关于Form中的数据问题,谢了。 如何用PictureBox控件显示GIF图?特急!!!!!! 单文档多视(急!) 想学delphi中关于database方面的内容,不晓得哪本书好,大家推荐好吧? “CSDN准备推出海外图书邮购服务,首批是侯捷的著作和译作” 什么时候可以开始? 谁能介绍一下嵌入开发领域比较成熟的产品?他们的功能、性能如何 作文:XXX,谢谢你作文600字左右不要太抒情了 以《我长大了》写一篇作文要求开头、结尾超级好,用上好词比喻、排比句(主要是开头结尾)要高中水品的 用一两句英文概括小短文的中心思想!In 1982,the average wedding cost in cities was 3,600 yuan,but last year,it raised to 6,000.in such cities as Shanghai and Wuhan the average wedding cost will exceed 10,000 yuan soon.A lot of people Spe 我快乐因为我XXX的作文 600字的 作文 【我长大了】 600字 英语翻译亲爱的老师:您好!非常感谢您对我们的辛勤教导!是您给予了我知识,您就像是辛勤的园丁,浇灌着我们这些祖国的娇嫩的花朵.如果没有您的教导,我不知道我能不能在英语考试中取得 作文《xxx的我》(600字以上) 我长大了 作文500字 咋写? 英语翻译三年时光,说长不长.即将在这半年里分道扬镳的我们,因为友谊而显得不愿离去.记得那时初一的我们,会对初三的毕业生即将自由而羡慕;而现在终于成为毕业生的我们,才明白那时我 求那一次,我XXX的作文,500~600字. 那时,我长大了 作文600字,明天要交,要贴近生活, 英语翻译我在百度搜不出来啊,因为英文都是有空格的,一搜就是只搜出来有个别单词的文本。我想有没有更好的方法啊? 作文 我的生活充满xxx 600字初中水平的作文 ,我的生活充满xxx ,6oo字,后天要用 未来的房子作文 英语翻译下面几段文字,请尽可能的使用手动翻译!翻译的好,可以追加分数航空界最有威望的Teal公司预测,今后10年,全球对公务机的需求量将达9000架,总价值约944亿美元,而中国是最具潜力的市 我喜欢Xxx作文 未来的房子 作文400字 初二英语80词左右作文 xxx真忙作文比如妈妈真忙 快 明天要用 好的加分 未来的房子 想象作文500字 初二英语短文 80词左右请根据说给表格内容写一篇80词左右的英语短文,介绍一下你今年春天旅游的情况旅游时间:4月20日至4月底旅游地点,交通工具,逗留时间:南京 乘火车 2天上海 乘汽车 3 “我真xxx”作文怎么写?急 怎样写未来的房子的作文? 初二英语作文:礼物 80词what is the best gift youhowe everveceived?how gowe it to you?when did she or he gave it to you?what do you think of it?急用 我真的很xxx作文 未来的房子作文300字未来的房子作文300字急 明天交 英语的主要内容Thw Hound of the Baskervilles(巴斯克维尔猎犬)Gullover's travels(格列佛游记)主要内容,500词,注意是英语的. 关于 XXX 我想对你说 作文 英语翻译Last Wednesday,Sandy and I bought a new kite and big ball of string.It was very windy so we flew our kite in the park.The wind blew hard and our kite flew very high and very well.Then the string broke.We both tried to get the string.We ra 求两篇英语文章及主要内容,做英语作业用,只要给出主要内容与好词好句好段落就行了.最好是比较长的文章……而且只需要故事概述和好词好句就行 《xxx我想对你说》作文 如何概括英语文章的只要内容 求3个名著主要内容作文!求3个名著主要内容:《朝花夕拾》的主要内容,《钢铁是怎样炼成的》的主要内容,《骆驼祥子》的主要内容,每个400字,感激不尽 xxx我想对你说的作文 《就英法联军远征中国给巴特勒上尉的信》的主要内容梗概~快快帮我,一个小时内~ 求关于信用卡的英文文献或著作要求:作者、年份、部分摘要或主题 第二次_____、十五岁,我多了一分______均不少于500字.我不管是不是网上的. 《就英法联军远征中国给巴特勒上尉的信》中心思想 想找点好的英语文章或世界名著看看哪里有? 假如我会变 明天就要交了,300字以上,写好点,只写1样,这样的300字 《就英法联军远征中国给巴特勒上尉的信》主要内容 “主要内容”和“中心思想”英语怎么说最地道?main content和main idea么 谁有初一的2篇15句的英语短文 要求关于春节的 就英法联军远征中国给巴特勒上尉的信 背景求雨果写这封信时有关雨果和圆明园的历史背景越详细越好 这个电话会议的主要内容是什么 -- 英语怎么说?xiexie 谁有展望未来2(第8课到第15课的课文文章)答的好我有高分的.有多少要多少 就英法联军远征中国给巴特勒上尉的信 的主要内容 这项工作的主要内容是什么 英语怎么说就是说:这项工作主要是干什么的正式点的说法呢?-----------What is the point of the job?可以吗 求英语小短文.速度.以next weekend 为题,写一篇小作文,十句话就好.关键字为周六goshopping、do my homework 、do housework,周日read a magazine and any books。 英语翻译When 12-year-old Helen received & lot of money on her birthday* she knew exactly* what she wanted to buy:a pair of LuluLemon trousers that her mom wouldn't buy because they were too expensive."We went to the store together,51 Helenas mom, 求历史的选择作文 求英语语文作文...八篇60字的初中英语日记..2篇语文读后感 2篇作文600字.. 英语翻译 Alan Chang was a handsome young man with good manners.  One morning he was walking along a street on his way to an appointment.He did not want to be early or late.He had forgotten to put on his watch so he went up to a man who was 有关历史的选择的作文 阅读短文.英语.If you have no special plans for your holidays,why not spend your time helping others?Some people say that the young people today only think of themselves.But it’s not true.More and more young people in the U.S.A.volunteer(自 这篇英语文章主要讲什么?用一两句话概括.Just the mention of the TOEFL,GRE and GAMT exams brings a thought of long hours of dull paper work.But that idea is becoming increasingly out of date.As planned,computerized tests will begin nex 以选择为话题写作文最好是满分的, 如何才能速度背英语短文? 用一两句英文概括小短文的中心思想!First,both are small rural communities.My hometown has a population of only about 10,000 People.Similarly,my college town consists of obout 11,000 people.A second way in which these Two towns are sinil 怎样以选择为话题写作文
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn