APP砚石中国策划案请不要抄袭Word文件下载.docx
《APP砚石中国策划案请不要抄袭Word文件下载.docx》由会员分享,可在线阅读,更多相关《APP砚石中国策划案请不要抄袭Word文件下载.docx(35页珍藏版)》请在冰豆网上搜索。
图3-1图3-2图3-3
四、设计创作过程
1、主要创作思路
这个《砚石APP》的定位是展示类APP,因此在UI界面设计上侧重的是展示功能,这与一般的实用类APP不同。
砚石作为一种中国古代特色的收藏品及工艺品,“坚润如玉,磨墨无声”,具有展示与实用的价值。
因此在这次UI界面设计中主要展示砚石的以下几个方面:
砚石简介;
种类;
砚石石品;
砚石细节展示;
成品砚台;
四大名砚以及雕刻工艺。
在此基础上再加上一些辅助功能以完善此APP。
2、设计风格
如今的APP策划方案主流是扁平化。
扁平化设计使得UI界面显得更干净整齐,使用起来格外简洁,能给用户带来更好的操作体验。
而砚石古朴自然的特点也奠定了这个APP在UI界面设计上必须带有与砚石相符的中式特征。
因此,在UI界面设计上,我采用的是扁平化与中国风相结合。
在整体设计上采用简洁风格,加以与砚石相符的中式水墨元素,能使整个界面体现出自然古朴的气息,与此APP的定位相符。
3、设计过程
在确定这个主题之前进行了许多的资料查询。
首先是到图书馆借阅了有关于“砚石”与“砚台”资料的书籍,而“砚石”这方面的资料大多依附于关于“砚台”的书籍上,如《歙砚新考》(如图4-1)、《砚墨风流:
当代端砚池雕艺术欣赏》(如图4-2)等等。
图4-1
图4-2
在已借阅书籍的基础上,也从网上收集了许多资料与素材(如图4-3;
图4-4),大多数资料与素材来源于以下几个网站:
“歙砚精品网(;
“中华砚文化网(
图4-3
图4-4
图4-3为砚石素材收集的部分展示;
图4-4为砚台素材收集的部分展示。
资料与素材收集完毕后,就开始进入设计阶段:
图4-5
图4-5为砚石APP的初步构思内容草稿。
图4-6
图4-6为首页界面设计的三种排版方案草稿图。
图4-7
图4-7为设置页面设计的三种排版方案草稿图。
图4-8
图4-8为砚石APP的草稿线框流程图。
五、设计内容
1、界面设计规范
设计说明:
1、UI界面尺寸:
砚石APP的UI界面设计采用的是IPhone6Plus的尺寸。
(如图5-1)。
在这尺寸上的基础上,我也下载了类似功能的APP进行参考,发现其中大部分APP在设计中都弱化了状态栏和导航栏的作用,以求画面的统一感。
因此我在设计时也弱化了状态栏和导航栏的设计。
图5-1
2、色彩运用:
图5-2
2、APP图标
图标设计说明:
1、采用水墨风格勾勒出砚石的形状来作为图标的设计(如图5-3),既能体现出砚石的属性——用以磨墨,也能让受众直观地了解到这是一个关于砚石的APP。
2、“砚石”二字进行改动设计,并加入英文说明“Inkstone”。
字体使用白色,与砚石形状的黑色形成对比。
3、总体来说,这个图标设计简约,没有花哨的元素,并且带入了砚石所具有的水墨元素,体现出古朴自然的中式风格,简洁明了,符合这个APP的定位。
图5-3
图5-4
图5-4为图标设计稿。
3、启动引导页
1、由于APP的UI界面设计风格定位简洁自然,因此启动引导页也是简洁的设计。
背景采用纯净的颜色,再加上若隐若现的水墨风格的山水画,致力于给人一种古朴的感觉。
2、启动引导页对于APP十分重要,具有引导用户体验的作用。
因此在设计此APP的启动引导页时主要是从“砚石”的性质为主要设计内容。
图5-5
图5-5为“砚石APP”的启动页。
与常规启动页的设计相同,展示给用户APP的图标。
图5-6
图5-6为“砚石APP”的首张引导页。
第一张引导页是介绍砚石的本质,“砚,石滑也。
石性滑利也”。
砚石的本质是石头,因此在设计中把文案中的“石”字字号加大,让用户能更快了解。
图5-7
图5-7为“砚石APP”的第二张引导页。
第二张引导页介绍的是砚石的主要功能,“砚,研也。
研墨使和濡也”。
砚石是砚台的原材料,提供的是研墨功能。
图5-8
图5-8为APP最终引导页。
第三张引导页展示的是砚石的鉴赏价值与珍贵之处。
“砚璞,美石也。
坚润如玉,磨墨无声”。
好砚须好石,加上精工制作,便成为具有收藏价值的艺术品。
此处也把“砚璞”二字字号加大。
4、APP首页
1、首页的设计内容:
砚石石品的展示;
导航栏;
信息页入口;
设置页入口。
2、首页展示的是砚石的石品。
由于砚石的种类繁多,在这次设计中选取了砚石最具代表性的五个石品做展示,即罗纹、眉纹、金晕、带纹以及水纹。
3、首页的背景是渐变背景,颜色为灰色的对称渐变。
4、导航按钮设计在APP的左侧,共五个内容,即砚石的五个种类;
并且导航按钮设计的十分简单,没有花哨的元素。
设置页入口在导航页的左上角;
信息页入口则设计为“了解更多”。
5、展示方式:
当点击左侧的导航按钮时,右侧则出现相应内容的砚石图片及描述文字。
点击文字下的“了解更多”按钮,则可以进入此种砚石的具体信息页。
图5-9
图5-9为首页01,主要展示的是罗纹砚石。
文字描述:
“石质上的纹饰像绫罗、丝绸一样的细纹。
给人一种莹洁、素雅之美。
”
图5-10
图5-10为首页02,展示的是眉纹砚石。
“石纹犹如美人眉毛,石质坚密细腻,望之凹凸不平,抚之却平滑如镜。
图5-11
图5-11为首页03,展示的是金晕砚石。
“色泽金黄,或点状,分布在砚石中,如秋叶繁星闪烁,十分耀眼。
图5-12
图5-12为首页04,展示的是带状砚石。
“石质莹洁如玉,砚石中有宽窄不一黑色条纹呈带状分布。
图5-13
图5-13为首页05,展示的是水纹砚石。
“水纹砚石宛如湖面上微风吹拂而起的波浪,极富动感,天然成趣。
图5-14
图5-15
图5-14为导航按钮默认状态的设计图;
图5-15为导航按钮在选中状态下的设计图。
4、信息展示页
1、信息展示页是对首页的内容进行更详细的展示。
在这一层级的页面中,对首页进行补充展示的内容有:
砚石石品的更多分类;
细节展示以及成品砚台的展示。
2、在这一层级界面的设计中,侧重的是画面的排版设计。
3、展示方式:
进入信息展示页后,从上而下分别是砚石石品的分类;
细节展示以及成品砚台,用户只需上下滑动即可观看全部内容。
图5-16
图5-16为眉纹砚石的分类——粗眉纹。
图5-17
图5-17为眉纹砚石的分类——龟甲纹。
图5-18图5-19
图5-18为眉纹砚石的分类——枣心眉纹。
图5-19为眉纹砚石的分类——虎斑眉纹。
图5-20图5-21
图5-20为金晕砚石的分类——雨点金星;
图5-21为金晕砚石的分类——金花。
图5-22
图5-22为金晕砚石的分类——金星金晕。
图5-23
图5-23为罗纹砚石的分类——乌丁罗纹。
图5-24
图5-24为带纹砚石的分类——彩带。
图5-25
图5-25为内容分割的细节图。
在信息展示页里总共有三个内容需要展示,在设计时没有用强硬地把内容分割开来,而是用一笔简短的毛笔线条作分割线,既不生硬,也更显画面简洁。
6、序言页
序言页简单介绍关于砚石的知识与现状。
在界面上没有花哨的设计,只做简单的排版处理。
(如图5-26)
图5-26
7、四大名砚页
1、与序言页相同,四大名砚页也是侧重于界面排版,通过简洁的界面给用户呈现砚台之美。
2、与其他页面不同的是,这一层级页面的重要内容使用了繁体字进行,目的是让用户进入这一界面时能够体会到名砚带来的古朴、自然的感觉。
图5-27
图5-27为广东肇庆端砚的展示界面。
图5-28
图5-28为甘肃洮河洮砚的展示界面。
图5-29
图5-29为山西绛县澄泥砚的展示界面。
图5-30
图5-30为安徽歙县歙砚的展示界面。
8、雕刻工序页
砚石雕刻成砚石需要六个步骤:
维料、设计、雕刻、打磨、上光养护以及配盒。
在设计时按先后顺序进行画面排版。
在展示这些步骤的时候也加上了相应的配图,让用户更容易理解。
展示方式:
上下滑动屏幕即可观看所有内容。
图5-31
图5-31为砚石APP的雕刻工序界面设计。
8、设置页
1、设置页需要包括以下几个功能入口:
首页;
序言;
四大名砚;
雕刻工序;
分享。
(如图5-32)
2、设置页界面在设计时没有采用常规的设计排版,而是把按钮分开摆在页面中,更显特色。
3、按钮的形状也用水墨风格进行设计,与APP的图标有相互呼应的感觉。
整个界面设计的十分简洁。
图5-32
10、分享页
图5-33
图5-33为砚石APP的分享界面的设计。
11、整体展示
1、UI界面部分展示图(图5-34)
图5-34
2、UI界面整体展示图(图5-35)
图5-35
3、砚石APPAPP策划方案简介展示图(图5-36——图5-39)
图5-36
图5-37
图5-38
图5-39
六、主要运用软件:
1、AdobeIllustrator:
通过AdobeIllustrator进行UI界面设计以及APP图标的设计。
2、Photoshop:
通过Photoshop来对图片素材进行处理。
七、总体完成情况及总结
这次项目策划案一共完成了1个APP图标,30张APPUI界面(启动引导页4张;
首页5张;
信息展示页12张;
序言页1张;
四大名砚4张;
雕刻工序页2张;
设置页1张;
分享页1张)以及3张设计展示图。
总体来说,这份项目策划案的完成度和质量与我当初的目标基本吻合,用时约为2个月,在年前完成。
但于我而言却有一个小遗憾,那就是由于技术的原因,没办法把这个项目策划案制作成一个APP,只能观看静态的UI界面设计图。
其实这次项目策划案是导师的启发才会成形的。
开题报告时我提出要做手机应用APP策划方案时,导师跟我说可以做个展示中国工艺的,当时我就感觉挺新鲜的,就朝着这个方向开始着手。
在这次项目策划案过程中,我曾改稿两次,第一次是因为素材原因,第一次本来是打算做关于“古代冠冕”的,在寻找素材时却被难住了,本来前期工作都做好了,线框图、交互流程图、文字资料等等都准备好了,但网上关于古代冠冕的图片素材实在太少,让我不得不放弃这个题材。
后来打算做关于“孔明锁”(中国传统木结构玩具),但发现与现有的APP“榫卯”有些相似,因此也放弃了。
最终被“砚石”这个题材给吸引了,最终定稿为砚石。
在设计时也有被软件难住的时候。
数字媒体艺术专业的我并没有学过AdobeIllustrator这个软件,但是要做APP策划方案就必须用到这个软件,因此项目策划案的制作过程就是一个自学AI的过程。
看着自己的项目策划案在逐步的成形,逐步的完善,我也是感觉挺自豪,挺有成就感的。
在这次项目策划案中,我了解了更多关于APP策划方案的知识。
其实APP策划方案不仅仅是界面的设计,更是给用户的一种体验。
界面好看的UI界面不一定能满足用户,要考虑到用户使用手机的习惯以及用户的需求再进行APP策划方案才能给用户提供满足的体验。
其次,我也对我们中国传统文化和工艺更加喜爱和欣赏。
其实我们中国有很多很优秀的工艺产品,但并没有多少人了解,这让我十分痛心。
希望这些优秀的中国工艺能够受到更多人的关注和喜爱,这也是我把项目策划案定为中国工艺的原因。
通过这次项目策划案,我得到了很大的提升,不仅是软件操作,不仅是中国传统工艺知识的了解,还有的是学会应该如何去对待设计。
想做好设计,除了要不断提升自己的审美水平和不断充实自己的设计知识,还应该要更多地去体验生活与自然,那是灵感的源泉。
学海无涯,愿我在设计的路上收获更多的美好。