品牌网站设计过程分享

 

  项目背景:去年12月19日《自由篮球》全民公测,为游戏推广达到更好的宣传效果,公司请到f(x)组合形象代言。这次的项目包括f(x)品牌站,官网超首形象页,媒体投放广告模板等整套视觉设定的输出。

  项目阶段解析:品牌站从时间段上分为2部分,代言人猜想期(11.27-12.3)+正式公布代言组合(12.4)被告知与smtown的合同于12月1日才生效,为避免版权纠纷,之前预热页面不得出现任何f(x)成员的图片素材,因此如何利用有限资源完成视觉稿,对设计师来说是一个难点。

  风格规划与设计思考:在项目启动前,考虑三点核心向要求1.突出少女团体原本特色,使玩家在第一时间被其视觉设定所吸引,充分利用明星效应。2.将少女团体与游戏产品元素相结合,加深玩家对游戏的认知,娱乐与宣传相辅相成3.前期预热站在给出一定的提示下渲染出神秘感,与正式公布站形成强烈对比。

  一些前期整理的相关网站参考,粉色的出现频率之高是共性,这决定了本次主题站的配色基调。


  网站元素的构成


  色彩设定与游戏5大职业的标志色一一呼应。Ps:sm经济公司对旗下明星素材使用有严格规定,例如拿来的素材不得进行二次处理,明星的图素必须露完整头部+上肩部。


  字体设计:

  前期预热标题是"我的自由谁代言",构思好基本笔画,对你想制作的字体进行重构,最后调整细节达到形神统一。做字体真心不难,只需足够的耐心。


  公布版标题"3v3斗起来"是早期某活动的大标题,这次对其矢量化后整体感更强,并能满足各类尺寸宣传品的输出。所以各位在设计通用性元件时尽可能做成矢量图素。


  整体效果预览:

  http://events.tiancity.com/freestyle/newsgift/homepage

  预热猜想站少女剪影是网上随便找的,网片使用了"多边形图片制作工具"。


  正式公布站


  超首以及其他对外广告图素

  超首和对外宣传广告图素的主色调基于市场需要统一为黄色,这一点和品牌站有所不同。


  17173横幅广告条


  对外广告引导页这次注册页的主要目的是"下载",所以下载按钮最大最突出


  官网元素应用


  遗憾是,因为360浏览器的兼容性问题(浏览器运行时会很卡),这次前端同事制作的动态效果刚上线就撤下来了(后来百度数据发现360浏览器的用户比例其实很小)。

时间: 2024-10-02 04:54:41

品牌网站设计过程分享的相关文章

硅谷称之为“常识”的网站设计过程原则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 编者按:原文作者为Nir Eyal和Katy Fike博士.大家对Nir Eyal可能比较熟悉了,Katy是一个研究老年病学的专家,同时也是Nir在Innovate50时创办两个创业公司的合作伙伴,他的博客主要关注科技和行为设计. 初级创业者应该搞清楚保持细致与步入主流的区别.以下是网站设计过程中的几个原则,硅谷的人也常不屑地称其为"

一个新网站优化过程分享与探讨

最近我建了一个新站,我思索了很长时间应该怎样下手,我想在起跑线上跑对方向,在论坛上看了很多达人的经验之谈,我个人总结了下,一个网站要成功一个最基本的条件就是要抓准一个主题,围绕主题展开优化,好比读书时写作文,要有一个中心主题,你才能展开发挥.我先定位好了网页的框架结构,通过关键词工具找出了四个与主题相关的主要关键词.然后通过GOOGLE工具查询找出100个有搜索量中下竞争程度的长尾词,本人时间精力有限,只定位在100个跟网站主题相关感觉不错的长尾词,在首页我锁定了两个主关键词进行优化,长尾词我优

你不知道的Arda品牌网站设计细节

  一件好的商业设计成品,不仅好看,而且还好用,用户感受各种好,后期广告才有真正价值.每件素材的选择,每个颜色的搭配,每张图片的挑选,我们要确保我们导出的每颗像素都是有依据的. 下面就通过我们的案例,告诉大家每个工作细节的重要性. Step1. 设计方向与网站结构确认 1) 确定设计目标. 针对客户纷繁复杂的项目要求,首先要与客户进行良好沟通,从需求中提取精华,准确完善客户需求,以此制定设计方案. 通过与客户的方案交流和对同类设计网站风格.样式.优缺点的比较,最终确定页面必须兼容:现代.国际化.

网站设计实例分享:页面简单内容丰富获用户青睐(一)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站设计包涵了从程序设计到网站美观及全站优化,随着技术水平的不断提什与专业知识的不断融合,越来越多的具备优化技术与专业设计人员融入了互联网中,于是一大批具备美观.优化的网站诞生了,今天就用实例来说明页面简单但内容丰富的网站是如何登上搜索引擎的舞台的. 我们来看这个网站的栏目,总共栏目分为了19个小类,采用的是五号字体,栏目分类下面具备了四大新

网站设计过程要多与客户沟通

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站设计制作过程中需要很好与客户保持沟通交流,建网站的目的不仅是给自己看,更重要是给客户看,让客户满意.那么如何才能做好一个站呢?笔者在网络公司工作多年,现结合自己工作实际,阐述以下几点建议: 首先要分析客户提出的要求.这是判定你的网站符合客户要求的唯一标准备.与客户有效沟通的出发点和最终点都是网站定位是什么,目的是什么?目的很重要,设计的

网站设计经验分享:浅谈设计中的逻辑推论

逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是"词语"或"言语",还引申出意思"思维"或"推理".逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情.这个主题还是有所依据的,逻辑学家的任务是相同的:提出大量的有效和谬误的推论,从而允许人们区别出好论证和坏论证. 逻辑,也就是思维的规律.小时候有人问我一群羊加一群羊等于多少群羊,我二话不说是两群羊,他说错了,是一大群羊.1+1

网站设计案例分享:25个流行网站的重新设计

文章描述:当浏览热门网站(如Facebook.Twitter和Google...),我相信大多数设计师在同一时间或另一个时间段,想把自己的创意和想像运用到这些站上,重新设计它们. 当浏览热门网站(如Facebook.Twitter和Google...),我相信大多数设计师在同一时间或另一个时间段,想把自己的创意和想像运用到这些站上,重新设计它们. 也午只是做一个调整这里或调整那里.或者,设计师在这个页面,发挥他们的创造力,把这些网站从上到下重现一回.有一些设计真的令人印象深刻. 所以,在这里整理

VOLVO网站设计经验分享

今年春天,VOLVO XC60 SUV汽车展开了新一轮的市场营销活动,其中就包括了本次我们介绍的线上网站的体验. 此网站主要面对于北欧市场.   提到"最安全的汽车",非VOLVO莫属. 那么在这么一个已具有品牌高度认知的情况下如何去做一款细分产品的市场推广,我们看看他们是怎么来做的: 1.不谈产品,谈生活 一款产品始终能够定位到一群核心需求的人,XC60作为高端豪华运动型多用途汽车(即SUV),他能够适用于多种天气.多种路况.梦想拥有这么一款多用途汽车的人一定绝不仅仅只是希望在钢筋森

总结:在网站策划过程中我们犯过的六大错误

中介交易 SEO诊断 淘宝客 云主机 技术大厅 首先说明,我并不是专业的网站设计人员,我不太懂网站设计.编程的技术,我负责公司整体网络推广,因为网站是公司网络推广的基础,所以网站建设也是我工作的重点之一. 关于策划的含义,可查询"策划"一词的百科词条.这句话不得不说,因为有人问我在网络推广当中的那一点做的最好,我说策划和用户心理分析,对方嘲笑的.自信的说:"你们原来的网络推广是和销售一体的吧,你所说的用户心理分析是销售过程中对客户心理的分析吧,网络推广怎么可能用得上用户心理分