首页

创建一个成功的网站究竟该做些什么

蓝蓝设计的小编

建立一个专业网站的步骤分步指南

如果你要在网络上开展自己的事业,那么拥有优秀的网页是成功的关键因素。其优点在于,不仅能提高网络营销的可见度,也能维护起持续增长的客户群。但是呢,罗马非一天建成,在我们要创建一个优秀网站之前,前期的构思是必不可少的。

创建一个成功的网站究竟该做些什么

近年来,网站摇身一变成为了更好的交流场所和绝佳的信息来源地。Boss们不仅想让网站品牌化,同时也希望游客能在浏览时找到有价值的信息。SO,如果一个网站不能提供精准且广泛的信息给目标顾客,顾客们就会转而去其他的网站。
网站的另一个目的在于让生活更便利,让工作更快捷。它通过放大双向沟通的方式,让游客对此留下深刻印象,从而产生依赖心理,并愿意长久的通过网站的查询方式来联系业务和订票等。这样一来,方便顾客这一目标就达到了。除此之外,网站还可以有效的节省你的时间,帮助你迅速增加用户基础以及让一些进程自动化。
前面提到的网站优点都只是抱砖引玉,网站真正的目的在于——最终能给顾客带去价值。这些价值除了鼓励顾客通过网站相互交流,并参与到商务处理流程中,还应该提供更好评定信息、规避长久的等待阵列、授与顾客权利去挖掘更广泛的产品和服务信息等。
本文主要是向你阐述,创建一个成功的网站究竟该做些什么。

Step.1 写一份网站说明书

写一份切实可行的网站说明书是创建一个专业网站所不可缺少的,它是最关键的文件之一,能助企业挖掘出优先考虑事项、明晰企业责任和树立企业品牌形象。必要的计划和精准的信息对一份网站说明书来讲是最重要的。但是当下,成功的寻找到有力的营销方法和持久最佳努力的前提是 —— 你有策划一个缜密计划的能力吗?
一份优秀的网站说明书要涵盖: 企业的预算、因不能及时交付产品而延误的时间、可交付产品、知识产权、网站的目的、网站的体系结构、域名、网站使用的编程语言。除此之外,以下几点是绝对不可缺少的:

1.创建这份文件的意图
2.项目介绍

网页设计过程思考:更优雅的微信第三方设计

蓝蓝设计的小编

更优雅的微信第三方设计

@米田的天空最近比较忙,整理作品的速度明显放缓了许多。今天总结些前段时间做的微信第三方网站。要清楚,它是网站不是单独的一个网页。需要考虑更多是整体性的问题。

在拿到项目时,首先需要冷静下来。而不是急着去动手,大部分同学肯定都理解了解其缘由。这边要说的更多是前期先看看相似对手的情况。因为视觉设计相对于产品功能,是最容易拉开差异感的部分。或许一套不同的视觉策略就能让产品迅速脱离大部分同类作品走出来。

 

大部分的普遍

大部分的微信第三方,和似乎都不太注重展示部分。即视觉部分,隐隐有些暴发户的感觉。而且现在做这块的公司似乎已经有当年做团购的景象。多,十分多,最后迷失在一片片营销的海洋里。

做为设计师,先跳出来观察下。其实我们会惊讶的发现,这些站的普遍性都是为你做个微信mini站,就是所谓的新时代营销。最核心的功能基本也是一致,如下:

  • 智能导航(调用地理位置地图接口)
  • 在线支付
  • 全景看图(自由图片组合)
  • 抽奖营销活动

随便打开搜索”微信 营销 专家”,一堆类似微信第三方网站。现在很多的创业者也在做类似的项目,总之,就是很多很多公司做着类似的尝试。当然,国内任何的领域基本都是同时存在上百个同类的项目,能真正运营下去到最后也只有3-4家而已。

自己随便打开其中一个站点,发现其推广的核心点,也是如上述说的一样,功能部分的几乎所有的微信第三方都做着差不多的事情。如果你随便打开这个网页,你觉得你会主动去联系他们么?在很多相似产品存在的情况下。

10款设计师必备的响应式网页设计工具

蓝蓝设计的小编

随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有“弹性”。

Simple Grid

 Simple Grid-Responsive Web Design Tool

Simple Grid是难以置信的CSS框架,无所限制的栅格布局,支持不同大小的屏幕。

Susy

Susy-Responsive Web Design Tool

Susy “语义变焦”的栅格系统,无需额外标记和特殊的类,很方便使用Sass的人。

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

Tiny Fluid Grid 很棒的网页应用,能帮你选择栅格系统。一旦完成后,提供CSS文件下载。

Variable Grid System

Variable Grid System-Responsive Web Design Tool

Variable Grid System依据960栅格系统,能够自动产生布局,在调整后,提供CSS文件下载。

Responsive Web Design Sketch Sheets

 Responsive Web Design Sketch Sheets

Responsive Web Design Sketch Sheet 标记很方便,可以方便的选择不同方案中元素的放置位置。

Style Tiles

Style Tiles-Responsive Web Design Tool

可以通过该网站制定完美的响应式设计流程。

 

 

网页设计新趋势!25例出众的响应式导航设计

蓝蓝设计的小编

响应式设计是当前网页设计的趋势,针对不同的设备,提供布局解决方案。
而且很多技术狂人正在不断的进行各种实验,争取让响应式设计越来越好。

响应式设计的难点是导航菜单。可不能像缩放页面那样缩放导航菜单。在设计之前,要谋划好导航菜单在手机、平板、桌面上的布局。

更多超炫的网站:
《想让网站动感十足?试试网页设计中的韵律线条》
《想设计自己的网站?先来看这15个优秀设计师的酷站》

本文收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的导航菜单,是怎样设计的。

Ableton 

Music production with Live 9 and Push | Ableton

 

在网页中设计导航菜单的三个原则(附案例)

蓝蓝设计的小编

导航菜单可能是网页设计中最重要的部分了。每个用户浏览网站时一定有所需,因此导航菜单能够帮助用户寻找信息。好的导航菜单像是导游,告诉用户网站是干什么的,内容分类有哪些,在哪里可以找到什么信息。

而且导航栏也是整体布局的重要组成。

总结一下,导航栏的重要性。

1. 浏览完Logo后,导航栏是用户第一个看到的组件。
2. 导航栏的作用是引导用户。
3. 导航栏的作用也类似于索引,快速帮助用户找到所需信息。

想让导航栏更加优雅、美丽、响应式么?看看导航栏设计的三大要点吧!

 

1) 别再让导航胖下去了,给导航减个肥

导航菜单重要性不言而喻。一些设计师往往使用一些繁杂的装饰来做突出。其实大可不必,通过字体、悬停效果、留白可以设计出简约、优雅的极简主义风格导航栏,看看下面的案例。

Design Instruct

minimal navigation bar
 

Sugar Rush

Clean Navigation Bar Design
评论(0) 浏览(3730)

最经典的LOGO设计如何返璞归真

蓝蓝设计的小编

ultra minimalist logos

从Google、可口可乐到联邦快递、肯德基,让我们一起来看这些最经典的LOGO设计如何返璞归真,相信我,你会返回来重新看一遍的!


ultra minimalist logos

迪士尼


ultra minimalist logos ultra minimalist logos

BURGER KING


ultra minimalist logos

可口可乐

大型网站导航设计指南

蓝蓝设计的小编

对于大部分网站,导航并不算是个挑战。一条主导航加条二级导航支撑,通常就足够了。典型的做法是,二级导航显示出父、兄及当前子菜单。常显的主导航条显示最顶层的菜单,允许用户在菜单间切换。

然而,有一类网站让这种传统的导航样式承担有些吃力。这就是我要提的大型网站。

定义大型网站

一个大型网站由结合了综合服务和产品的典型大型组织所有。这个组织通常也服务各色用户。拥有大型网站的组织,包括BBC这类机构型的,类似微软这种项目多样化的公司型的,政府部门,高等教育类的以及运作多种活动的慈善组织类的,比如世界自然基金会。

这些网站:庞大,层级多而深,由多个小网站和频道组成,迎合受众众多,许多入口,这种规模级的复杂网站导航颇具挑战。

大型网站上的导航挑战

在我们公司,我们花费了大量工作在这类大型网站上,尤其当我们想使用传统的导航时特费劲儿。

传统的导航无法负担深层级

传统的导航随着网站层级越深变得越难用。传统导航很容易应付三层;超过的话,问题就会暴露。即便拓展到页面众多的房产类网站导航,他们会更致力于导航多过内容(大型网站里页面太多让问题变得更糟),或更顶层的页面不再出现在导航中。在后者中,如果用户处于网站的深层级页面,他们将搞不清上上下级关系,因为无法看见当前页面在整个网站中的所处位置。

51abfabb03e0436170000001

虽然传统的导航处理结合了面包屑,能够拓展适应综合型网站,但当在房产网站上如此做时,成本却不断升高。

传统导航无法承载多入口

如果用户经由小网站或网站某菜单页的进入,传统方式的导航将让用户感到困惑。以一个在考虑参加大学研究课题的学生举例。这个人可能对院系详情更感兴趣相比整个学校。因而很容易进入网站的院系层页面,而不是学校的主页。
另一个例子就是单身妈妈想了解宝宝福利。她们更像是要直达福利的次级频道而不是政府主页。在这种情况下,用户的关注是在当前内容。(如:课题页或儿童福利页)。他们不是立即对这整一个网站感兴趣。
不幸的是,不论用户是否愿意,传统的一级、二级导航都试图让用户去了解整个网站环境。

在这个大学页面上,这个“研究菜单是指整个大学的研究呢还是仅是这个学院的研究。当两个同样的菜单出现,并指向不同的地方会怎么样?

想让网页更性感?来试试加点透明效果

蓝蓝设计的小编

 

随着CSS的广泛应用,透明元素在网页设计中大量采用。

通过添加透明效果,可以增添页面的对照感和可读性,同时对整体的效果妨碍又不大,可谓一举两得。

一般来说,采用透明效果显示区块、展现数据,透明效果出现在很多辅佐元素当中,这样前景元素就显得非常突出。
让我们来看看透明效果,这种优雅而又华丽的效果。

Wavefront

整体构成比较不拘一格,音乐节一般的氛围。霓虹色彩,半透明区块,让色彩更加动感,很好的支持了主题。

Wavefront

Advies

页面中含有很多透明条纹,中间的大区块既不影响背景图像的效果,也能很好的展现信息。

Advies

大猜想!扁平化之于苹果的真正意义

蓝蓝设计的小编

大猜想!扁平化之于苹果的真正意义

揭开iOS7扁平化的外衣,深入探索苹果的新式设计语言,一起来猜想一下新的设计风格是如何在iWatch iTv iCar上实现。

当谈到Jony Ive,我们就不得不谈到他在iOS7上的大改造,普遍看法是,这种改变仅仅是外观上的改变,换汤不换药。

iOS7的神秘面纱于2013年6月揭开,设计灵感来自德国已故传奇设计师Otl Aicher。
Jony Ive在iOS上决定采用扁平化风格,这就意味着以下几点风格的转变:

1、用色愈发大胆、鲜艳;
2、界面会拥有更多的留白空间,让元素更好的呼吸;
3、字体运用会更加优雅灵活;
4、即将使用大量的几何形状。

这就是Jony Ive摒弃拟物设计的原因。iOS7的推出,也可以看成是Jony Ive对拟物设计的宣战。

iOS7的扁平化设计非常”万金油”,不但适应了今天的iPhone以及iPad设备,也能够应用于未来的iWatch,iTV,iCar等设备。

用设计为你的APP提速的6个方法

蓝蓝设计的小编

D.A:我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让App变得更快。

1.后台执行

这是一条很通用,也容易理解的方法。用户不会愿意盯着进度条傻傻地等待,除了”取消”没有其他选择。在系统处理一些网络任务的时候,完全可以允许用户做一些其他的事情。

各大平台的发微博,都采用了后台执行。云阅读的离线下载也采用后台执行。

而微博的看长图(或视频),是个反例。网络不给力时,要么等待1分钟让图加载完,要不就只好放弃看图。为什么不能让图加载的同时,用户可以看其他微博呢?


 

2.在载入前显示内容

客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种”已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档