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

近匠:“词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中播放三维动画编程一例 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资料 不用ActiveX控件也能播放声音文件-VB资料 VB创建动态图标 电影结束画面的卷动效果-VB资料 二进制操作截取VCD片断 -VB资料 非常VB测声卡 关闭屏幕保护功能,改变屏保等待时间 -VB资料 VB获取桌面窗口图象 红色警戒&终级动员令-VB资料 检查是否安装声卡 -VB资料 将 .flc 动画档放在某一个 hWnd 之中播放 -VB资料 截取屏幕图像-VB资料 开机,自动更换墙纸 -VB资料 控制PC喇叭 -VB资料 利用VB测声卡 利用VB进行多媒体程序设计初步 利用Visual Basic设计多媒体应用程序 (6)今夜狂放1000分,100分只给前3个,第一个来报到的50分,第二个30分,第三个20分:)需要分的来吧:)前500分已经放出。。 简单问题,回复有分!!! 100分紧急求救:因在asp网页中需用www.myweb.com.cn/ok.asp url,我的win2k server该怎样配置? 大家好,我现在正做俄罗斯方块,大家能跟我说他的基本思想吗? 我想这是大家都想要的东西? 简单问题,回复有分!!! web server是不是就是用php等语言写后台程序? 页面间参数传递的问题!(结贴率100%) tocamt服务的自动启动和手工启动有何区别? 请教:金山词霸的屏幕取词用的是什么技术。是怎么实现的 用Delphi的朋友,公布我们的MSN帐号,大家互相学习好吗? 哪里有weblogic6.1 sp4 下载!!! window.print怎样才能不在页底打印页面的标题地址信息? 我的显示器怎么会有重影?? 请问如何用jsp实现如vb中的SSTab控件那样的效果? 有没有消息分数线什么时候出来啊??? 源码大放送2(注:适合新手以及和我一样懒的人!! ~v~) UTF-8?将字符转成UTF-8用PHP如何做??急? 类似matlab中simulink的界面如何实现?散分 关于分页显示的问题 截获getprocaddress遇到的问题. 請各位幫幫忙,關於剛開始安裝的問題: sql 查询? 怎样判断程序是否在运行,如果运行怎样关闭他呢? POP3邮件接收问题!!! 几个月来一直未解决的小BUG(多文档的标题) PB中怎么样定义游标变量 本人欲求计算机画图中的橡皮筋技术画线例程,请大家指教并加相关注释,先帖出代码都得分. 只为试一下新下的放分机,10钟后结贴 急急急!!!!!!!!!如何用ADO连接Sybase数据库? 这是广告,不知道是不是真的,没兴趣不要看啊 求购工程设计院信息管理集成系统的设计文档与源代码 想通了过问题,散分 那位大哥做过网络规划,系统集成方面的,我想电话求教,能帮个忙吗??? how to get chinese type method? 如何响应键盘事件? (7)今夜狂放1000分,8:15结帐:)需要分的来吧:)前600分已经放出。。 小问题,恳请帮忙,在线等候! 如何实现两个数据库之间的实时通讯? 高分请教,如何用JAVA实现浏览局域网里的其他机子的目录。在线等待 主板上是USB1。0的接口用USB2。0标准的移动硬盘,有办法安装使用吗?(在线等候) 探讨一下JSP的多国语言实现 这样一个功能怎么实现(在线等待) 调用COM时出错~~~ 问答:仅知类D是由类B按某种形式派生得到的,举一例说明,D不一定是B的子类型。 小问题,帮个忙 刚用C#开发了一个游戏,大家多提意见!有分 关于插入数据的问题 请问:谁有Delphi 5.x分布式多层应用电子商务篇的下载地址, pdf格式 Applet嵌入HTML中的问题!急!急!急! 小小问题,散分100!!!!!!!!!!!!你心动了吗? 2013国际旅游小姐特训营美丽蜕变[沈阳9级大风刮落高楼墙体 被砸轿车面上海:樱花树下旗袍秀 风情pk清纯各彭丽媛参观俄罗斯孤儿学校:代表母亲来“炒房客”撤离 温州楼市“高台跳水”上海首创在废弃深坑建五星级酒店长沙“落井”女孩仍无音讯 居民称事发四川白富美开20多万越野车卖凉面 自图片纪实:广东一个吸毒者生命的最后1四川中学女生扮甄嬛 高呼“要嫁就嫁清父亲为10岁儿子献骨髓 嘱咐医生“多媒体调查代孕机构:生男孩120万 男上海男子杀害两亲属 又砍伤多名小学生高一男生寝室照走红网络 打造成“小资台湾宜兰罕见冷泉寻找代言人 可获奖金温州市委秘书长吴开锋被曝有婚外情 2钓鱼台国宾馆选拔服务人员 阵势犹如选香港举行“枕头大战”场面壮观习近平在海南会见多国总统 彭丽媛出席8岁男孩娶61岁老妇 南非男孩为已去窦靖童on the beach素颜自29岁通讯专业研究生进行电信诈骗 半工商质监和食药监“三合一” 义乌成立金华浦江闹市区烧掉两层楼 目击者称火男子深陷传销组织 发短信报警求助农民工讨薪为何频遭暴力全面推动涉法涉诉信访改革进一步增强快速制服歹徒能力全国海关查获走私案2275起东阳春季大巡防遍城乡不留死角2014年3月20日德州销毁假冒伪劣消防产品严打暴恐抢盗严防踩踏车祸火灾修改教育法确保中小学生在校运动时间培养阳光自信坚定果敢的军人确认使用“病毒灵”馨港幼儿园园长被刑服装厂老板集资诈骗1.5亿获刑职业打假人:“退一赔三”规定让职业打军民融合共育法律文化环境捍蓝色国土建海洋强国践行社会主义核心价值观的楷模农资打假护春耕
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘