文档库 最新最全的文档下载
当前位置:文档库 › AndroidUI设计与开发 顶部标题栏ActionBar奥义详解

AndroidUI设计与开发 顶部标题栏ActionBar奥义详解

AndroidUI设计与开发  顶部标题栏ActionBar奥义详解
AndroidUI设计与开发  顶部标题栏ActionBar奥义详解

一、ActionBar介绍

在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控。

二、ActionBar的功能

用图的方式来讲解它的功能

<1> ActionBar的图标,可显示软件图标,也可用其他图标代替。当软件不在最高级页面时,图标左侧会显示一个左箭头,用户可以通过这个箭头向上导航;

<2> 如果你的应用要在不同的View中显示数据,这部分允许用户来切换视图。一般的作法是用一个下拉菜单或者是Tab选项卡。如果只有一个界面,那这里可以显示应用程序的标题或者是更长一点的商标信息;

<3> 两个action按钮,这里放重要的按钮功能,为用户进行某项操作提供直接的访问;

<4> overflow按钮,放不下的按钮会被置于“更多...”菜单项中,“更多...”菜单项是以下拉形式实现的。

三、ActionBar 奥义·详解

1、添加ActionBar

ActionBar的添加非常简单,只需要在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子类就可以了,在Android 3.0及更高的版本中,Activity中都默认包含有ActionBar组件。

2、取消ActionBar

如果需要隐藏Action Bar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中

还有一种做法,在运行时调用hide()方法也可以隐藏ActionBar,调用show()方法来显示ActionBar()。

ActionBar actionBar = getActionBar();

actionBar.hide();

当你隐藏ActionBar时,系统会将Activity的整个内容充满整个空间。

注意:如果使用一个主题(theme)来移除Activity上得ActionBar,那么窗口将不再会有ActionBar,因此在运行时也就没有办法来添加ActionBar——调用getActionBar()方法会返回null值。

3.修改Action Bar的图标和标题

默认情况下,系统会使用或者中icon属性指定的图片来作为ActionBar的图标,但是我们也可以改变这一默认行为。如果我们想要使用另外一张图片来作为ActionBar的图标,可以在或者中通过logo属性来进行指定,而标题中的内容使用label属性来指定。比如项目的res/drawable 目录下有一张cnblog_icon.png图片,就可以在AndroidManifest.xml中这样指定:

android:name=".MainActivity"

android:label="召唤ActionBar吧"

android:logo="@drawable/cnblog_icon">

效果图如下:

4.添加Action按钮

ActionBar还可以根据应用程序当前的功能来提供与其相关的Action按钮,这些按钮都会以图标或文字的形式直接显示在ActionBar上。当然,如果按钮过多,ActionBar 上显示不完,多出的一些按钮可以隐藏在overflow里面(最右边的三个点就是overflow按钮),点击一下overflow按钮就可以看到全部的Action按钮了。

当Activity启动的时候,系统会调用Activity的onCreateOptionsMenu()方法来取出所有的Action按钮,我们只需要在这个方法中去加载一个menu资源,并把所有的Action按钮都定义在资源文件里面就可以了。

那么我们先来看下menu资源文件该如何定义,代码如下所示:

android:id="@+id/user_p"

android:icon="@drawable/icon_user_p"

android:showAsAction="always"

android:title="用户"/>

android:id="@+id/write_p"

android:icon="@drawable/icon_write_p"

android:showAsAction="always"

android:title="发布"/>

android:id="@+id/favo_p"

android:icon="@drawable/icon_favo_p"

android:showAsAction="never"

android:title="收藏"/>

可以看到,这里我们通过两个标签定义了三个Action按钮。标签中又有一些属性,其中id是该Action按钮的唯一标识符,icon用于指定该按钮的图标,title用于指定该按钮可能显示的文字(在图标能显示的情况下,通常不会显示文字),actionViewClass用来指定一个构建视窗所使用的布局资源,showAsAction则指定了该按钮显示的位置,主要有以下几种值可选:

接着,重写Activity的onCreateOptionsMenu()方法,代码如下所示:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();

inflater.inflate(R.menu.menu_main, menu);

return super.onCreateOptionsMenu(menu);

}

这部分代码很简单,仅仅是调用了MenuInflater的inflate()方法来加载menu资源就可以了。现在重新运行一下程序,结果如下图所示:

可以看到,menu_search和menu_setting这两个按钮已经在ActionBar中显示出来了,而menu_delete这个按钮由于showAsAction属性设置成了never,所以被隐藏到了overflow当中,只要点击一下overflow按钮就可以看到它了。

这里我们注意到,显示在ActionBar上的按钮都只有一个图标而已,我们在title中指定的文字并没有显示出来。没错,title中的内容通常情况下只会在overflow中显示出来,ActionBar中由于屏幕空间有限,默认是不会显示title内容的。但是出于以下几种因素考虑,即使title中的内容无法显示出来,我们也应该给每个item中都指定一个title属性:

?当ActionBar中的剩余空间不足的时候,如果Action按钮指定的showAsAction属性是ifRoom的话,该Action按钮就会出现在overflow当中,此时就只有title 能够显示了。

?如果Action按钮在ActionBar中显示,用户可能通过长按该Action按钮的方式来查看到title的内容。

5.响应Action按钮的点击事件

当用户点击Action按钮的时候,系统会调用Activity的onOptionsItemSelected()方法,通过方法传入的MenuItem参数,我们可以调用它的getItemId()方法和menu 资源中的id进行比较,从而辨别出用户点击的是哪一个Action按钮,比如:

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case https://www.wendangku.net/doc/5512460563.html,er_p:

Toast.makeText(this, "你点击了“用户”按键!", Toast.LENGTH_SHORT).show();

return true;

case R.id.write_p:

Toast.makeText(this, "你点击了“发布”按键!", Toast.LENGTH_SHORT).show();

return true;

case R.id.favo_p:

Toast.makeText(this, "你点击了“收藏”按键!", Toast.LENGTH_SHORT).show();

return true;

default:

return super.onOptionsItemSelected(item);

}

}

可以看到,我们让每个Action按钮被点击的时候都弹出一个Toast,现在重新运行一下代码,结果如下图所示:

5.通过Action Bar图标进行导航

启用ActionBar图标导航的功能,可以允许用户根据当前应用的位置来在不同界面之间切换。比如,A界面展示了一个列表,点击某一项之后进入了B界面,这时B界面就应该启用ActionBar图标导航功能,这样就可以回到A界面。

我们可以通过调用setDisplayHomeAsUpEnabled()方法来启用ActionBar图标导航功能,比如:

setTitle("Yanis");

setContentView(https://www.wendangku.net/doc/5512460563.html,yout.activity_main);

ActionBar actionBar = getActionBar();

actionBar.setDisplayHomeAsUpEnabled(true);

现在重新运行一下程序,结果如下图所示:

可以看到,在ActionBar图标的左侧出现了一个向左的箭头,通常情况下这都表示返回的意思,因此最简单的实现就是在它的点击事件里面加入finish()方法就可以了,如下所示:

switch (item.getItemId()) {

case android.R.id.home:

finish();

return true;

...

}

当点击ActionBar图标的时候,系统同样会调用onOptionsItemSelected()方法,并且此时的itemId是android.R.id.home,所以finish()方法也就是加在这里的了。现在看上去,ActionBar导航和Back键的功能貌似是一样的。没错,如果我们只是简单地finish了一下,ActionBar导航和Back键的功能是完全一样的,但ActionBar 导航的设计初衷并不是这样的,它和Back键的功能还是有一些区别的,举个例子吧。

上图中的Conversation List是收件箱的主界面,现在我们点击第一封邮件会进入到Conversation1 details界面,然后点击下一封邮件会进入到Conversation 2 details 界面,再点击下一封邮箱会进入到Conversation3 details界面。好的,这个时候如果我们按下Back键,应该会回到Conversation 2 details界面,再按一次Back键应该回到Conversation1 details界面,再按一次Back键才会回到Conversation List。而ActionBar导航则不应该表现出这种行为,无论我们当前在哪一个Conversation details界面,点击一下导航按钮都应该回到Conversation List界面才对。

这就是ActionBar导航和Back键在设计上的区别,那么该怎样才能实现这样的功能呢?其实并不复杂,实现标准的ActionBar导航功能只需三步走。

第一步我们已经实现了,就是调用setDisplayHomeAsUpEnabled()方法,并传入true。

第二步需要在AndroidManifest.xml中配置父Activity,如下所示:

android:name="android.support.PARENT_ACTIVITY"

android:value="com.yanis.actionbar.MainActivity"/>

可以看到,这里通过meta-data标签指定了MainActivity的父Activity是LaunchActivity,在Android 4.1版本之后,也可以直接使用android:parentActivityName 这个属性来进行指定,如下所示:

android:name="com.yanis.actionbar.TabActivity"

android:parentActivityName="com.yanis.actionbar.MainActivity">

第三步则需要对android.R.id.home这个事件进行一些特殊处理,如下所示:

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case android.R.id.home:

Intent upIntent = NavUtils.getParentActivityIntent(this);

if (NavUtils.shouldUpRecreateTask(this, upIntent)) {

TaskStackBuilder.create(this)

.addNextIntentWithParentStack(upIntent)

.startActivities();

} else {

upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

NavUtils.navigateUpTo(this, upIntent);

}

return true;

......

}

}

其中,调用NavUtils.getParentActivityIntent()方法可以获取到跳转至父Activity的Intent,然后如果父Activity和当前Activity是在同一个Task中的,则直接调用navigateUpTo()方法进行跳转,如果不是在同一个Task中的,则需要借助TaskStackBuilder来创建一个新的Task。

这样,就按照标准的规范成功实现ActionBar导航的功能了。

效果图如下:

6.添加Action View

ActionView是一种可以在ActionBar中替换Action按钮的控件,它可以允许用户在不切换界面的情况下通过ActionBar完成一些较为丰富的操作。比如说,你需要完成一个搜索功能,就可以将SeachView这个控件添加到ActionBar中。

为了声明一个ActionView,我们可以在menu资源中通过actionViewClass属性来指定一个控件,还记得前面写过的吗:

android:id="@+id/action_search"

android:actionViewClass="android.widget.SearchView"

android:showAsAction="always"

android:title="搜索"/>

如果你还希望在代码中对SearchView的属性进行配置(比如添加监听事件等),完全没有问题,只需要在onCreateOptionsMenu()方法中获取该ActionView的实例就

可以了,代码如下所示:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();

inflater.inflate(R.menu.main, menu);

MenuItem searchItem = menu.findItem(R.id.action_search);

SearchView searchView = (SearchView) searchItem.getActionView();

// 配置SearchView的属性

......

return super.onCreateOptionsMenu(menu);

}

在得到了SearchView的实例之后,就可以任意地配置它的各种属性了。关于SearchView的更多详细用法,可以参考官方文

档 https://www.wendangku.net/doc/5512460563.html,/guide/topics/search/search-dialog.html

除此之外,有些程序可能还希望在ActionView展开和合并的时候显示不同的界面,其实我们只需要去注册一个ActionView的监听器就能实现这样的功能了,代码如下所示:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();

inflater.inflate(R.menu.main, menu);

MenuItem searchItem = menu.findItem(R.id.action_search);

searchItem.setOnActionExpandListener(new OnActionExpandListener() {

@Override

public boolean onMenuItemActionExpand(MenuItem item) {

Log.d("TAG", "on expand");

return true;

}

@Override

public boolean onMenuItemActionCollapse(MenuItem item) {

Log.d("TAG", "on collapse");

return true;

}

});

return super.onCreateOptionsMenu(menu);

}

可以看到,调用MenuItem的setOnActionExpandListener()方法就可以注册一个监听器了,当SearchView展开的时候就会回调onMenuItemActionExpand()方法,当SearchView合并的时候就会调用onMenuItemActionCollapse()方法,我们在这两个方法中进行相应的UI操作就可以了。

7.Overflow按钮不显示的情况

虽然现在我们已经掌握了不少ActionBar的用法,但是当你真正去使用它的时候还是可能会遇到各种各样的问题,比如很多人都会碰到overflow按钮不显示的情况。明明是同样的一份代码,overflow按钮在有些手机上会显示,而在有些手机上偏偏就不显示,如下图:

可以看到,ActionBar最右边的overflow按钮不见,按一下Menu键,隐藏在overflow中的Action按钮就会从底部出来。

有人总结了一下,overflow按钮的显示情况和手机的硬件情况是有关系的,如果手机没有物理Menu键的话,overflow按钮就可以显示,如果有物理Menu键的话,overflow 按钮就不会显示出来。比如我们启动一个有Menu键的模拟器,然后将代码运行到该模拟器上

实际上,在ViewConfiguration这个类中有一个叫做sHasPermanentMenuKey的静态变量,系统就是根据这个变量的值来判断手机有没有物理Menu键的。当然这是一个内部变量,我们无法直接访问它,但是可以通过反射的方式修改它的值,让它永远为false就可以了,代码如下所示:

@Override

protected void onCreate(Bundle savedInstanceState) {

......

setOverflowShowingAlways();

}

private void setOverflowShowingAlways() {

try {

ViewConfiguration config = ViewConfiguration.get(this);

Field menuKeyField =

ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey"); menuKeyField.setAccessible(true);

menuKeyField.setBoolean(config, false);

} catch (Exception e) {

e.printStackTrace();

}

}

这里我们在onCreate()方法的最后调用了setOverflowShowingAlways()方法,而这个方法的内部就是使用反射的方式将sHasPermanentMenuKey的值设置成false,现在重新运行一下代码,结果如下图所示:

可以看到,即使是在有Menu键的手机上,也能让overflow按钮显示出来了,这样就可以大大增加我们软件界面和操作的统一性。

8.让Overflow中的选项显示图标

如果你点击一下overflow按钮去查看隐藏的Action按钮,你会发现这部分Action按钮都是只显示文字不显示图标的,如下图所示:

这是官方的默认效果,Google认为隐藏在overflow中的Action按钮都应该只显示文字。当然,如果你认为这样不够美观,希望在overflow中的Action按钮也可以显示图标,我们仍然可以想办法来改变这一默认行为。

其实,overflow中的Action按钮应不应该显示图标,是由MenuBuilder这个类的setOptionalIconsVisible变量来决定的,如果我们在overflow被展开的时候将这个变

量赋值为true,那么里面的每一个Action按钮对应的图标就都会显示出来了。赋值的方法当然仍然是用反射了,代码如下所示:

@Override

public boolean onMenuOpened(int featureId, Menu menu) { if (featureId == Window.FEATURE_ACTION_BAR && menu != null) { if (menu.getClass().getSimpleName().equals("MenuBuilder")) { try {

Method m =

menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);

m.setAccessible(true);

m.invoke(menu, true);

} catch (Exception e) {

}

}

}

return super.onMenuOpened(featureId, menu);

}

可以看到,这里我们重写了一个onMenuOpened()方法,当overflow被展开的时候就会回调这个方法,接着在这个方法的内部通过返回反射的方法将MenuBuilder的setOptionalIconsVisible变量设置为true就可以了。

现在重新运行一下代码,结果如下图所示:

9.添加Action Provider

和Action View有点类似,Action Provider也可以将一个Action按钮替换成一个自定义的布局。但不同的是,Action Provider能够完全控制事件的所有行为,并且还可

以在点击的时候显示子菜单。

为了添加一个Action Provider,我们需要在标签中指定一个actionViewClass属性,在里面填入Action Provider的完整类名。我们可以通过继承ActionProvider

类的方式来创建一个自己的Action Provider,同时,Android也提供好了几个内置的Action Provider,比如说ShareActionProvider。

由于每个Action Provider都可以自由地控制事件响应,所以它们不需要在onOptionsItemSelected()方法中再去监听点击事件,而是应该在onPerformDefaultAction()

方法中去执行相应的逻辑。

那么我们就先来看一下ShareActionProvider的简单用法吧,编辑menu资源文件,在里面加入ShareActionProvider的声明,如下所示:

android:id="@+id/action_share"

android:actionProviderClass="android.widget.ShareActionProvider"

android:showAsAction="ifRoom"

android:title="分享"/>

...

注意,ShareActionProvider会自己处理它的显示和事件,但我们仍然要记得给它添加一个title,以防止它会在overflow当中出现。

接着剩下的事情就是通过Intent来定义出你想分享哪些东西了,我们只需要在onCreateOptionsMenu()中调用MenuItem的getActionProvider()方法来得到该ShareActionProvider对象,再通过setShareIntent()方法去选择构建出什么样的一个Intent就可以了。代码如下所示:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

MenuInflater inflater = getMenuInflater();

inflater.inflate(R.menu.menu_main, menu);

MenuItem shareItem = menu.findItem(R.id.action_share);

ShareActionProvider provider = (ShareActionProvider) shareItem .getActionProvider();

provider.setShareIntent(getDefaultIntent());

return super.onCreateOptionsMenu(menu);

}

private Intent getDefaultIntent() {

Intent intent = new Intent(Intent.ACTION_SEND);

intent.setType("image/*");

return intent;

}

可以看到,这里我们通过getDefaultIntent()方法来构建了一个Intent,该Intent表示会将所有可以共享图片的程度都列出来。重新运行一下程序,效果如下图所示:

细心的你一定观察到了,这个ShareActionProvider点击之后是可以展开的,有点类似于overflow的效果,这就是Action Provider的子菜单。

10.添加导航Tabs

Tabs的应用可以算是非常广泛了,它可以使得用户非常轻松地在你的应用程序中切换不同的视图。而Android官方更加推荐使用ActionBar中提供的Tabs功能,因为它更加的智能,可以自动适配各种屏幕的大小。比如说,在平板上屏幕的空间非常充足,Tabs会和Action按钮在同一行显示,如下图所示:

而如果是在手机上,屏幕的空间不够大的话,Tabs和Action按钮则会分为两行显示,如下图所示:

下面我们就来看一下如何使用ActionBar提供的Tab功能,大致可以分为以下几步:

1. 实现ActionBar.TabListener接口,这个接口提供了Tab事件的各种回调,比如当用户点击了一个Tab时,你就可以进行切换Tab的操作。

2.为每一个你想添加的Tab创建一个ActionBar.Tab的实例,并且调用setTabListener()方法来设置ActionBar.TabListener。除此之外,还需要调用setText()方法来给当前Tab设置标题。

3.最后调用ActionBar的addTab()方法将创建好的Tab添加到ActionBar中。

看起来并不复杂,总共就只有三步,那么我们现在就来尝试一下吧。首先第一步需要创建一个实现ActionBar.TabListener接口的类,代码如下所示:

package com.yanis.yc_ui_actionbar_tab;

import android.app.ActionBar;

import android.app.ActionBar.Tab;

import android.app.Activity;

import android.app.Fragment;

import android.app.FragmentTransaction;

public class TabListener implements

ActionBar.TabListener {

private Fragment mFragment;

private final Activity mActivity;

private final String mTag;

private final Class mClass;

/** Constructor used each time a new tab is created.

* @param activity The host Activity, used to instantiate the fragment

* @param tag The identifier tag for the fragment

* @param clz The fragment's Class, used to instantiate the fragment

*/

public TabListener(Activity activity, String tag, Class clz) { mActivity = activity;

mTag = tag;

mClass = clz;

}

/* The following are each of the ActionBar.TabListener callbacks */

public void onTabSelected(Tab tab, FragmentTransaction ft) { // Check if the fragment is already initialized

if (mFragment == null) {

// If not, instantiate and add it to the activity

mFragment = Fragment.instantiate(mActivity,

mClass.getName());

ft.add(android.R.id.content, mFragment, mTag);

} else {

// If it exists, simply attach it in order to show it

ft.attach(mFragment);

}

}

public void onTabUnselected(Tab tab, FragmentTransaction ft) { if (mFragment != null) {

// Detach the fragment, because another one is being attached ft.detach(mFragment);

}

}

public void onTabReselected(Tab tab, FragmentTransaction ft) { // User selected the already selected tab. Usually do nothing. }

}

这段代码并不长,我们简单分析一下。当Tab被选中的时候会调用onTabSelected()方法,在这里我们先判断mFragment是否为空,如果为空的话就创建Fragment的实例并调用FragmentTransaction的add()方法,如果不会空的话就调用FragmentTransaction的attach()方法。

而当Tab没有被选中的时候,则调用FragmentTransaction的detach()方法,将UI资源释放掉。

当Tab被重新选中的时候会调用onTabReselected()方法,如果没有特殊需求的话,通常是不需要进行处理的。

接下来第二步要给每一个Tab创建一个ActionBar.Tab的实例,在此之前要先准备好每个Tab页对应的Fragment。比如说这里我们想创建三个Tab页,准备好这三个Tab 页对应的Fragment和对应的布局文件。

package com.yanis.yc_ui_actionbar_tab;

import android.os.Bundle;

import https://www.wendangku.net/doc/5512460563.html,youtInflater;

import android.view.View;

import android.view.ViewGroup;

public class Fragment1 extends android.app.Fragment {

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

return inflater.inflate(https://www.wendangku.net/doc/5512460563.html,yout.fragment1, container, false); }

}

没有什么实质性的代码,只是显示了指定的布局文件。

Fragment都准备好了之后,接下来就可以开始创建Tab实例了,创建好了之后则再调用addTab()方法添加到ActionBar当中,这两步通常都是在Activity的onCreate()方法中执行的,代码如下:

package com.yanis.actionbar;

import android.app.ActionBar;

import android.app.ActionBar.Tab;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.support.v4.app.NavUtils;

import android.support.v4.app.TaskStackBuilder;

import android.view.MenuItem;

public class TabActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(https://www.wendangku.net/doc/5512460563.html,yout.activity_tab);

initView();

}

private void initView() {

// 提示getActionBar方法一定在setContentView后面

ActionBar actionBar = getActionBar();

actionBar.setDisplayHomeAsUpEnabled(true);

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

// 添加Tab选项

Tab tab = actionBar

.newTab()

.setText("澳门风云2")

.setTabListener(

new TabListener(this, "film1",

Fragment1.class));

actionBar.addTab(tab);

tab = actionBar

.newTab()

.setText("五十度灰")

.setTabListener(

new TabListener(this, "film2",

Fragment2.class));

actionBar.addTab(tab);

tab = actionBar

.newTab()

.setText("爸爸去哪儿2")

.setTabListener(

new TabListener(this, "film3",

Fragment3.class));

actionBar.addTab(tab);

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()) {

case android.R.id.home:

Intent upIntent = NavUtils.getParentActivityIntent(this);

if (NavUtils.shouldUpRecreateTask(this, upIntent)) {

TaskStackBuilder.create(this)

.addNextIntentWithParentStack(upIntent)

.startActivities();

} else {

upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

NavUtils.navigateUpTo(this, upIntent);

}

return true;

default:

return super.onOptionsItemSelected(item);

}

}

}

可以看到,这里是使用连缀的写法来创建Tab的。首先调用ActionBar的newTab()方法来创建一个Tab实例,接着调用了setText()方法来设置标题,然后再调用setTabListener()方法来设置事件监听器,最后再调用ActionBar的addTab()方法将Tab添加到ActionBar中。

好了,这样的话代码就编写完了,效果如下图所示:

11.添加下拉列表导航

1.1 简单介绍

作为Activity内部的另一种导航(或过滤)模式,操作栏提供了内置的下拉列表。下拉列表能够提供Activity中内容

的不同排序模式。

启用下拉式导航的基本过程如下:

<1> 创建一个给下拉提供可选项目的列表,以及描画列表项目时所使用的布局;

<2> 实现ActionBar.OnNavigationListener回调,在这个回调中定义当用户选择列表中一个项目时所发生的行为;

<3> 用setNavigationMode()方法该操作栏启用导航模式;

<4> 用setListNavigationCallbacks()方法给下拉列表设置回调方法。

1.2 效果图如下:

30个经典LOGO设计附详解

30个经典LOGO设计附详解 30个经典LOGO设计附详解 2009-02-20 16:32 责任编辑:〖魅力中国〗---革鼠 1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B 和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

3. One Leaf One Leaf, 顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

7. Swannie Lake 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且增添了一许微妙的色彩。 8. Elara Systems 先介绍一下,Elara Systems是一个动画和动态模型工作室,也必然要求2D和3D的结合。体现在Logo上,就是大家所看到的效果:柔软弯曲的字体配上3D的字母“e”(即首字母),很好的创意。

国外30大优秀Logo设计详解

国外经典LOGO设计详解-标志设计说明-30大优秀Logo设计详解 来源:张钰芃的日志 拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。 但Logo不能只是金玉其外,还必须有思想、多功能。比如,可以用标准色在任何尺寸的纸张完美复制和再现。下面就晾出当前30个自认为很杰出的Logo,飨宴大家。 1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

3. One Leaf One Leaf, 顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。 5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。

6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。 7. Swannie Lake 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且增添了一许微妙的色彩。 8. Elara Systems

非常有创意的LOGO设计及详解.

非常有创意的LOGO设计及详解 分享 首次分享者:衣谷已被分享11次评论(0)复制链接分享转载举报 不同于平面2D设计,有些Logo,就像69 Monos,通过3D效果给Logo增添深度和趣味。改变角度就能带来动感 干净利落的线条和形状,是logo设计的固有套路。不过,本作品似乎摆脱了这样的条条框框:粗糙的手绘图案,给人以一种亲和力,也给体现了品牌所有者作为调味品公司的价值

看完这个Logo,你应该能学会用颜色区分信息。品红色部分突出了公司的名称“Magic”(魔术),而灰色字体暗示了该公司的身份,也是Logo的重点所在,即“Ad”(广告)。最后,在字母J和I上做图,使之成为兔子的形象(编者注:兔子在西方是魔术的象征),再一次强调了企业点石成金的业务能力 无论是字母还是彩色远点,共同的特点就是间距较大,这种手法带来的效果就是严肃而前卫。这样排列的好处还在于以中间两个字母中心,整个Logo设计看起来非常平衡

中文名—反粒子,是一家电影制作公司。这里有必要做个小小的科普,反粒子其实很简单,比如负电子的反粒子就是正电子,质子的反粒子就是反质子……好了,回到Logo上,很明显,这又是一个用公司名做文章的范例。首先首字母“a”有无数颗粒组成,但里面恰恰有一颗蓝色颗粒,这就体现了“反粒子”的概念 柔软的质地+奇幻的色彩,整幅画面让人体会到永不停息的动感

看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现 立体和透明同属当今Logo设计潮流,这幅作品同时运用了这两种技巧。生动的色彩加上浑圆可爱的字体,俨然一副基于网络的时代先锋形象

30个优秀logo的设计思想分析1

30个优秀logo的设计思想分析 关键词: logo 在网上看到了,觉得很不错,有很多值得学习的地方,就转过来和大家分享拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。本文里精选了30个经典的标志设计,并附上设计思想分析,相信会对你受益匪浅! Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 图1 Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。 图2

Core logo是基于一个形状延续下去,线条干净利落,颜色单一,该Logo的功能性可想而知有多么强大。 图3 One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 图4 Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

图5 Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 图6 Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

标志设计鉴赏

标志设计鉴赏 [课型] 高中美术欣赏 [教材分析] 《标志设计赏析》是现代商业美术课中的重要内容,是高中美术欣赏课中知识性与应用性相结合、提高审美能力与掌握基本技能相结合的典型课题。其中既有对中国内外优秀标志设计作品的欣赏,又有对标志作品的设计思维和方法的剖析。 [教学目的] 通过本课的教学,向学生介绍标志设计的基本知识、设计思路和方法,使学生了解标志设计的基本审美原则和掌握标志设计的基本技能、设计思路,从而提高学生的审美能力,树立正确的审美观念。 [教学过程] (一)导入新课 同学们,首先让我们假设这样一种情境,我们到一个陌生的地方旅游,在无法用文字语言交流的情况下,如何尽快找到想去的地方? 学生回答…… 教师明确:其实答案很简单,你自然会去找能够代表这种地方的图形符号,这样的符号就是我们要讲的标志。 (二)基本知识 1.什么是标志 用一种文字或图形来代表另外一种事物的符号。 标志的这种作用与文字产生之前的原始社会采用的结绳记事、堆土记事、刻木记事的作用是一致的。 教师明确:结绳记事盛行于原始社会,“先民结绳以明事”,结绳不同,所寓之事即有别。这应当说是标志的雏形。 2.标志的类别 教师提问:现在,我们大家每天可在不同的场合见到一些标志,请仔细回想,你都见到过哪些标志?这些标志各有什么作用? 学生回答:…… 教师归纳:确实如,标志存在于我们社会的每个角落,适用于社会生活各个方面,在现代社会中,标志已不仅仅是一种单纯的视觉符号,它具有独特的美学价值,强大的社会功用,成为一个种文化。 (用微机展示一幅图片,介绍生活中常见的几种标志) (1)从用途上分:[*] 纪念标志:1979年国际儿童年 城市标志:德国基尔城城徽、联合国标志 会议标志:奥运会标志 商业标志:①代表企业公司形象 ②代表企业产品品牌(简单介绍标志设计及艺术设计对经济的促进作用) 公共图形:贴近生活,服务社会,于人们的日常生活息息相关 如:规范人们行为的交通标志和散见于公共场合的服务性标志 (2)从造型特点上分: 具象型标志(特点:形象自然、生动活泼、有直观趣味感。图例为:德国自然出版社标志[*] 抽象型标志(特点:造型严谨、寓意深刻,是把无形的事物转化为有形的可表意的形象。图例为:南斯拉夫进出口贸易公司标志[*] 字图型标志(特点:运用广泛、传播速度快。图例为:加拿大铁路标志[*](此处点一句中国铁路路徽的异曲同工之妙)

欣赏解析优秀LOGO标志设计说明

欣赏分析优秀LOGO标志设计 好的LOGO标志设计仔细品味能给予我们许多启发,本文是作者对30个优秀 的LOGO标志设计进行思考,从而简单总结出这些标志设计的优点与特点 拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。 1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B 和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

3. One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow 的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

非常有创意的LOGO设计及详解

非常有创意的LOGO设计及详解 不同于平面2D设计,有些Logo,就像69 Monos,通过3D效果给Logo增添深度和趣味。改变角度就能 不同于平面2D设计,有些Logo,就像69 Monos,通过3D效果给Logo增添深度和趣味。改变角度就能带来动感 干净利落的线条和形状,是logo设计的固有套路。不过,本作品似乎摆脱了这样的条条框框:粗糙的手绘图案,给人以一种亲和力,也给体现了品牌所有者作为调味品公司的价值

看完这个Logo,你应该能学会用颜色区分信息。品红色部分突出了公司的名称“Magic”(魔术),而灰色字体暗示了该公司的身份,也是Logo的重点所在,即“Ad”(广告)。最后,在字母J和I上做图,使之成为兔子的形象(编者注:兔子在西方是魔术的象征),再一次强调了企业点石成金的业务能力 无论是字母还是彩色远点,共同的特点就是间距较大,这种手法带来的效果就是严肃而前卫。这样排列的好处还在于以中间两个字母中心,整个Logo设计看起来非常平衡

中文名—反粒子,是一家电影制作公司。这里有必要做个小小的科普,反粒子其实很简单,比如负电子的反粒子就是正电子,质子的反粒子就是反质子……好了,回到Logo上,很明显,这又是一个用公司名做文章的范例。首先首字母“a”有无数颗粒组成,但里面恰恰有一颗蓝色颗粒,这就体现了“反粒子”的概念 柔软的质地+奇幻的色彩,整幅画面让人体会到永不停息的动感 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现

立体和透明同属当今Logo设计潮流,这幅作品同时运用了这两种技巧。生动的色彩加上浑圆可爱的字体,俨然一副基于网络的时代先锋形象 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象 与“Popp”Logo类似,它也是基于一个形状延续下去,线条干净利落,颜色简洁单一

优秀LOGO设计需具备的三个层面

优秀LOGO设计需具备的三个层面 LOGO,每个品牌甚至不是品牌的企业都有,就象一个人的姓名。怎样才是好的LOGO?怎样才是有品牌感召力的LOGO?怎样才是有文化话语权的LOGO?这是作为品牌和LOGO的世界中,我们对我们的 LOGO设计要求标准的三个层面,依次更高。 一、好的LOGO 1、视觉的愉悦 视觉不舒服的LOGO是什么都不用说了,扔掉就是。怎样愉悦?色彩协调、线条协调,无论刚与柔,会说话的色彩和会舞动的线条结合起来,会成为有魅力的LOGO。 2、图形的凝炼或者统一 多年前我们知道LOGO是越简单越好,为什么?不仅仅是因为单纯的表现能有更多一些的视觉冲击力,同时也因为图形简单和色彩单纯就意味着LOGO在实际应用方便制作,那时的广告业者是没有喷绘可以享受的,而且在名片、信笺等大批量办公用品的制作中多色彩意味着高成本。 现代广告人有福了,制作已经不是问题,那么,我们还抱着“LOGO表现要简单”的清规戒律做什么? 所以,除了凝炼的美以外,我们也可以尝试多变、纷繁甚至绚烂的表现手法,只要能做到整个LOGO在色 彩系统、线条风格和图形思想性上能够统一无歧义。 3、图形的思想性 商业设计必须遵循的原则首先就是设计目的带来的必须表达的思想性。比如行业感受、企业追求等。但这个思想性不等于“高科技就是蓝色、安全就是盾牌”等等新的清规戒律。会说话的色彩和会舞动的线条结合起来给我们带来的是“美”,LOGO给观者带来的表现和思想的统一是“真”,但“真”不等于钉钉子必须是鎯头。产品都是为了生活,如此纷繁、多变的生活是可以多种表现、多种追求的。我们希望能用“新”去诠释更令 人愉悦的“美”和更生活化的“真”。 二、有品牌感召力的LOGO 1、符合品牌历史阶段 每一个品牌都有它出生、发育、成长、成熟、衰退的阶段性,让我们抛弃“VI就是宪法,死也不能改变”的清规戒律,让我们创造的品牌图腾能最大限度符合现有品牌阶段,能够最大限度的为企业创造现实市场价值。至于到了LOGO和消费者期许有些许不吻合的时候我们再行调整就是了。 2、符合品牌线阶段 任何企业都会面临大小品牌的整合、延伸相关的问题,每一个品牌LOGO,都要符合它所处的品牌结构中的地位,并在形体上和其他品牌LOGO有某种血缘和个性上的关联和区隔。 3、符合企业发展阶段当每个企业所处的市场地位、消费者认可度、企业资本积累、企业发展远景不同的 时候,我们的LOGO也应与之相对应。 三、有文化话语权的LOGO 1、有个性的亚文化特质 品牌发展的最高阶段会自发形成品牌文化语系,企业长期对品牌的消费者认知度和美誉度的投入开始开花结果,但大的果实长在原始的草本植物上是不能长久的,它需要有一个品牌原型和文化意识谱系作为支撑。可口可乐如果没有“美国文化象征”这一支撑恐怕早就在品牌形象更高明而多变的PEPSI面前一败涂地。LOGO,同样需要运用它的色彩表现和线条来充分对应品牌所在亚文化特质,如果不符,那么不是品牌出 了问题就是LOGO该更换或者修正了。 2、有充分的文化表现空间 品牌的文化表现必须与时俱进。当最大限度攫取新信息的追求和在个性与从众之间暴冷暴热已经成为现代人普遍心理特质的时候,时尚已经成为“畅销”所必需的。但我们为了保持品牌形象和LOGO视觉传达的纯洁和单一重复,可以随时机将LOGO置身于品牌文化所关联的各种场景进行拟人化表现。但不可否认,有些知名企业的LOGO设计的实在不方便延展,也许他们会因为视觉观念上的陈旧失去了一次又一次与时尚 携手的机会。

标志设计知识

标志设计知识 一、什么是标志? 标志、徽标、商标(logo)是现代经济的产物,它不同与古代的印记,现代标志承载着企业的无形资产,是企业综合信息传递的媒介。标志作为企业CIS战略的最主要部分,在企业形象传递过程中,是应用最广泛、出现频率最高,同时也是最关键的元素。企业强大的整体实力、完善的管理机制、优质的产品和服务,都被涵概于标志中,通过不断的刺激和反复刻画,深深的留在受众心中。 logo设计将具体的事物、事件、场景和抽象的精神、理念、方向通过特殊的图形固定下来,使人们在看到logo标志的同时,自然的产生联想,从而对企业产生认同。标志(logo)与企业的经营紧密相关,logo标志是企业日常经营活动、广告宣传、文化建设、对外交流必不可少的元素,它随着企业的成长,其价值也不断增长,曾有人断言:"即使一把火把可口可乐的所有资产烧光,可口可乐凭着其商标,就能重新起来"。因此,具有长远眼光的企业,十分重视logo 设计同时了解标志的作用,在企业建立初期,好的logo设计无疑是日后无形资产积累的重要载体,如果没有能客观反映企业精神、产业特点,造型科学优美的标志,等企业发展起来,在做变化调整,将对企业造成不必要的浪费和损失。中国银行进行标志变更后,仅全国拆除更换的户外媒体,就

造成了XX万的损失。 元龙广告致力于企业标志、商标和形象系统的建立,运用国外先进的开发流程,集合各方面的专业人才,从前期调研、讨论分析到设计开发、后期服务,为您打造适合企业的金牌标志。元龙广告在标志设计方面,拥有丰富的经验,"1881·HARRY服饰"、"广州科皮妮皮具"、"米娅·罗欣皮具"、"三郎空调"、"常氏酱菜厂商标"、"日钢铁芯"、"广日机械标志"、"春江月化妆品商标"、"视听达电子标志"、"大麒麟国际物流"、"威力士润滑油"、"亚运船务"、"声望化工标志"、"昕瑞贸易公司标志"都是我们的杰作。元龙广告结合中国悠久的历史文化,开发适合中国企业的优秀标志,希望我们能够建立合作,为您企业的发展尽我们的一份力量! 二、标志的起源 标志的来历,可以追溯到上古时代的"图腾"。那时每个氏族和部落都选用一种认为与自己有特别神秘关系的动物或自然物象作为本氏族或部落的特殊标记。如女娲氏族以蛇为图腾,夏禹的祖先以黄熊为图腾,还有的以太阳、月亮、乌鸦为图腾。最初人们将图腾刻在居住的洞穴和劳动工具上,后来就作为战争和祭祀的标志,成为族旗、族徽。国家产生以后,又演变成国旗、国徽。 古代人们在生产劳动和社会生活中,为方便联系、标示意义、区别事物的种类特征和归属,不断创造和广泛使用各

30个经典LOGO设计

1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。 3. One Leaf One Leaf, 顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。

4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。 5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。

6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。 7. Swannie Lake 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且增添了一许微妙的色彩。

8. Elara Systems 先介绍一下,Elara Systems是一个动画和动态模型工作室,也必然要求2D和3D的结合。体现在Logo 上,就是大家所看到的效果:柔软弯曲的字体配上3D的字母“e”(即首字母),很好的创意。 9. Onwine 完美的字体搭配独到的理念,Onwine Logo为我们展现出一个酿酒商的特质,无论是图案还是字体设计都无可挑剔。 10. Popp 什么叫一气呵成?这幅Logo将基于同一字体的设计方法带上了全新的高度。每个字母都包含字母“O”,只是做了细微的改动就成了“P”,独具匠心。

优秀标志设计欣赏,附标志设计说明,设计师必备

?优秀标志设计欣赏,附标志设计说明,设计师必备 ? ?>> 浙江金舵纺织品牌 > 标志设计 ?一个真正的品牌需要一个品牌文化与灵魂的承载体,就是它了!纺织鸟!一种编织鸟巢精致无比,细腻美观的鸟类,被称为是纺织行业原理的鼻祖。这种鸟类巢完工之日也即雄鸟向雌鸟求亲之时,非常巧合的与金舵企业祝愿新人的美好心愿相吻合。标志在图形设计方面以一只叼着一线丝绸的纺织鸟形象完成,整体遵循简洁、抽象、生动、细腻等风格,完美的把纺织行业精致细腻的特点生动的展现出来。塑造出金舵纺织独到的自身品牌形象。(摘自哲仕品牌设计公司 https://www.wendangku.net/doc/5512460563.html,/ https://www.wendangku.net/doc/5512460563.html,/) ? ?>> 广东五百年咖啡馆 > 标志设计 ?与五百年咖啡的合作是一个偶然,但也是必然;这是哲仕2006年的一个案例,当时是由一位同行朋友推荐客户与我们进行合作的,原因是五百年咖啡客户之前已经与朋友所在的设计公司进行过此项目的设计合作,但经过多次的沟通与提案,最终的方案与客户心目中的要求仍然有很大的距离;朋友觉得项目好像进入了死胡同,无奈之下决定把客户介绍到了哲仕;于是才有了这与五百年咖啡第一次合作,哲仕没有让客户失望,最终的方案也是我们与客户都觉得非常满意的。(摘自哲仕品牌设计公司https://www.wendangku.net/doc/5512460563.html,/ https://www.wendangku.net/doc/5512460563.html,/)

? ?>> 广东普伦托教育科技 > 标志设计 ?广州普伦托教育科技有限公司,是英国凯普斯通投资发展集团公司的下属子公司之一,专注从事儿童教育电子产品的研发与销售工作,2011年签约哲仕设计公司,为其进行了公司的包含LOGO 设计在内的整体形象包装设计工作。(摘自哲仕品牌设计公司https://www.wendangku.net/doc/5512460563.html,/ https://www.wendangku.net/doc/5512460563.html,/)

优秀商业Logo详解

30大优秀商业Logo详解 1.Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2.Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

3.One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4.Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

5.Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 6.Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

7.Swannie Lake 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且增添了一许微妙的色彩。 8.Elara Systems 先介绍一下,Elara Systems是一个动画和动态模型工作室,也必然要求2D和3D的结合。体现在Logo上,就是大家所看到的效果:柔软弯曲的字体配上3D的字母“e”(即首字母),很好的创意。

10个优秀标志设计欣赏

“欢乐的U”2011深圳大运会会徽由大大小小的彩色圆点组成,每个圆点作为logo的其中一个元素,没有固定含义,可以有多种想像,完全是一个开放的标志。U:大学(University)、你〔U(You)〕、联合(Union、United)、世界宇宙(Universe)。U/也可以理解为深圳的海湾,比如大鹏湾,五大洲不同肤色的大学生聚集大鹏湾;U/U的半环和杯形,象征既容纳双开放。这些圆点自由放大、缩小、聚集、裁剪,或者可以演化成不同的事物,变化出各种具象的图形,在大运会的各种场合自由运用。圆点演化成不同的事物,变化出各种具象的图形,有多元的意义。具体归纳出六个方向,这些方向对设计者的大运会宣传推广有指导意义。在文艺创作中,它又可以成为六个段落的标题——欢乐的U、开放的U、包容的U、青春的U、世界的U、未来的U。整个“欢乐的U”以红、绿、黄、蓝、黑为基色,五种色彩的圆点组合成一个U形,五彩圆点自由地排列在U的图形中,黑色的英文字“Universiade”代表着世界大学生运动会的英文名称。“SHENZHEN2011”代表着举办城市深圳和举办时间2011 年,五颗星是国际大体联的标志。 PETKING 饰品店

“PK”SHOP是专为二十二以下年轻人提供个性服装、饰品的流行店。标志采用平滑的线及简洁的点构成男孩及女孩头像图案,设计者想创造的是一种个性图腾,它可一应用到这个年龄段的年轻人常用的各类用品上,甚至可以包括纹身。 婴宝婴幼儿用品店 设计者可以把它看作什么呢,婴儿的笑脸还是幼儿的玩具?都可以,黄色代表了妈妈般的疼爱,白色象征着纯洁的孩子;这两者即是“婴宝”存在的理由。 Mr.54连锁店 这是一家专售男用物品的店中店,店址选择在机场或四星以上酒店。“Mr.54”是设计者创造的一个名字,似一位儒雅而独特的绅士。设计者以文字“Mr.54”及弧线组成一顶男式礼帽的图形,给人以联想及趣味性,同时,礼帽深海般幽蓝的色彩极具神秘感和吸引力。

30个国外优秀Logo设计欣赏及详解

30个国外优秀Logo设计欣赏及详解 拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。但Logo不能只是金玉其外,还必须有思想、多功能。比如,可以用标准色在任何尺寸的纸张完美复制和再现。下面就晾出当前30个很杰出的Logo,飨宴大家。 1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R 两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

3. One Leaf One Leaf, 顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow 的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

30个经典LOGO设计附详解

30个经典LOG?计附详解 30个经典LOGO^计附详解 2009-02-20 16:32 责任编辑:〖魅力中国〗---革鼠 1. Castle Print 一个打印机品牌,该Logo 直截了当地体现了了企业的业务性质:利用减色模 型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡 (Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo 有一种奇幻的效果,完全考验你的空间想象力!B 和R 两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。 色彩搭配极为简单一红色,赋予了 Logo 更广的使用范围。

3.One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的 画面。 1 one leaf I ■贰 *叫■" ■鼻ft Ri I ■ . i C 4.Gree ner 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但 层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准

之一)。

5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引 号分别代替字母“ a”和“e”,从而在图形上给予品牌最鲜活的注解。 6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

BiackSparrow 7. Swannie Lake 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且 增添了一许微妙的色彩 8. Elara Systems 先介绍一下,Elara Systems是一个动画和动态模型工作室,也必然要求2D和3D的结合。体现在Logo上,就是大家所看到的效果:柔软弯曲的字体配上3D的字母“e” (即首字母),很好的创意。

非常有创意的LOGO设计及详解

非常有创意的设计及详解 不同于平面2D设计,有些,就像69 ,通过3D效果给增添深度和趣味。改变角度就能 不同于平面2D设计,有些,就像69 ,通过3D效果给增添深度和趣味。改变角度就能带来动感 干净利落的线条和形状,是设计的固有套路。不过,本作品似乎摆脱了这样的条条框框:粗糙的手绘图案,给人以一种亲和力,也给体现了品牌所有者作为调味品公司的价值

看完这个,你应该能学会用颜色区分信息。品红色部分突出了公司的名称“”(魔术),而灰色字体暗示了该公司的身份,也是的重点所在,即“”(广告)。最后,在字母J和I上做图,使之成为兔子的形象(编者注:兔子在西方是魔术的象征),再一次强调了企业点石成金的业务能力 无论是字母还是彩色远点,共同的特点就是间距较大,这种手法带来的效果就是严肃而前卫。这样排列的好处还在于以中间两个字母中心,整个设计看起来非常平衡

中文名—反粒子,是一家电影制作公司。这里有必要做个小小的科普,反粒子其实很简单,比如负电子的反粒子就是正电子,质子的反粒子就是反质子……好了,回到上,很明显,这又是一个用公司名做文章的范例。首先首字母“a”有无数颗粒组成,但里面恰恰有一颗蓝色颗粒,这就体现了“反粒子”的概念 柔软的质地+奇幻的色彩,整幅画面让人体会到永不停息的动感 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现

立体和透明同属当今设计潮流,这幅作品同时运用了这两种技巧。生动的色彩加上浑圆可爱的字体,俨然一副基于网络的时代先锋形象 一个打印机品牌,该直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡()形象 与“”类似,它也是基于一个形状延续下去,线条干净利落,颜色简洁单一

30个经典LOGO设计_附详解

30个经典LOGO设计附详解 2009-02-20 16:32 责任编辑:〖魅力中国〗---革鼠 1. Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 2. Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。 3. One Leaf

One Leaf, 顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 4. Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。 5. Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。

6. Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体, 柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。 富有时代气息的Avenir字体配合平滑的图案,不但与该Logo完美贴合,而且增添了一许微妙的色彩。

8. Elara Systems 先介绍一下,Elara Systems是一个动画和动态模型工作室,也必然要求2D和3D的结合。体现在Logo 上,就是大家所看到的效果:柔软弯曲的字体配上3D的字母“e”(即首字母),很好的创意。 9. Onwine 完美的字体搭配独到的理念,Onwine Logo为我们展现出一个酿酒商的特质,无论是图案还是字体设 计都无可挑剔。

优秀logo设计及设计说明整理

1 标志名称ulitka(蜗牛)酒店 设计说明蜗牛去了一个旅程——离开它的壳。软体动物转变成一个门锁钥匙蔓藤花纹的形象。虽然今天在酒店用电子钥匙打开所有的客房,传统的形象仍然是一个关键的酒店业务非常有说服力的象征。此外,一个关键的历史形象一直被用来作为一个城市的象征。 2 标志名称河北银行 设计说明标识取自河北之“河”,代表河北银行源于河北的归属感;向右为三水汇流,象征河北银行汇聚财富,创造价值;向左呈放射状,体现河北银行成长性,寓意发展扩张,做大做强。标识组合中蕴含有“三六九”吉祥数字,“三生万物”代表河北银行无限发展之动力奔腾不息;“六合”表现河北银行崇尚中庸、和合的人文理念;隐含的“九”为“道之纲纪”,代表河北银行在经营上依规、守序、知止。色彩由下至上为蓝、绿、橙、红,分别代表辽阔、成长、收获、辉煌,表现河北银行站位更高平台,厚积薄发、生机勃勃、收获未来、终至辉煌的过程。

3 标志名称深证市友瑞德贸易有限公司 设计说明logo设计根据英文品牌Uni-right进行视觉设计,以U和R进行演绎,以表现国际贸易中管道和桥梁的作用,同时企业形象的亲和度。 4 标志名称成都爱德龙实业有限公司 设计说明logo以英文品牌adline为品牌设计原点,辅以红色彩虹象征图形,表现品牌的豪迈、辽阔、美好发展前景。 5 标志名称保时捷汽车 设计说明保时捷标志采用斯图加特市的盾形市徽。斯图加特市盛产一种名贵种马,左上方和右下方是鹿角的图案,表示斯图加特曾是狩猎的好地方;右上方和左下方的黄色条纹代表麦

子,喻示五谷丰登,黑色代表肥沃的土地,红色象征人们的智慧和对大自然的钟爱。 6 标志名称2012欧锦赛 设计说明标志是由三朵鲜花组成,中间的花朵被绘成了足球状,自然代表着足球。而左边由红色和白色为主的花朵代表波兰,右边由蓝色和黄色为主的则代表乌克兰。 7 标志名称凤凰卫视 设计说明以抽象的凤凰旋转交融的形象为台标,凤凰就像中华民族的传统图腾龙一样,在传统中代表了民族的话语,然而,凤为阳,凰为阴,在东方意识形态与西方意识形态之间,凤凰取得了微妙的平衡,而玄妙之处在于,凤凰卫视的台标在中国传统的、封闭的意识形态中找到了出口,由阴阳盘踞的两只鸟所组成的台标中,所有的口都是开放而非封闭的,展示了开放的媒体姿态。

30个优秀logo的设计思想分析

【转】 30个优秀logo的设计思想分析 转载分享该日志评论举报 转载自彩色面具转载于昨天 18:03 | 分类:天下杂侃阅读:(2) 评论:(0) 济南太歌广告有限公司:https://www.wendangku.net/doc/5512460563.html, 拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。本文里精选了30个经典的标志设计,并附上设计思想分析,相信会对你受益匪浅! Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 图1 Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。

图2 Core logo是基于一个形状延续下去,线条干净利落,颜色单一,该Logo的功能性可想而知有多么强大。 图3 One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。

图4 Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。 图5 Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。

30个优秀logo的设计思想分析

30个优秀logo的设计思想分析 拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。本文里精选了30个经典的标志设计,并附上设计思想分析,相信会对你受益匪浅! Castle Print 一个打印机品牌,该Logo直截了当地体现了了企业的业务性质:利用减色模型,直指其打印行业背景,同时通过色彩的混合塑造出一个与其品牌相符的城堡(Castle)形象。 图1 Ryan-Biggs 负空间的运动使得这幅Logo有一种奇幻的效果,完全考验你的空间想象力!B和R两个字母代表了这个品牌,微微的倾斜让整个设计看起来更有深度和立体感。色彩搭配极为简单—红色,赋予了Logo更广的使用范围。 图2 Core logo是基于一个形状延续下去,线条干净利落,颜色单一,该Logo的功能性可想而知有多么强大。

图3 One Leaf One Leaf,顾名思义,即一片树叶。以此为轴线,就呈现出了如此简洁巧妙的画面。 图4 Greener 设计师用粗细不同的灯芯体(San-serif)字体塑造出一种现代感。该Logo不但层次感强,更重要的是可以用单一色调复制重现(这也是评判Logo好坏的重要标准之一)。

图5 Talkmore Talkmore字面意思是“多说点儿”。设计师采用象征的手法,用英文中的单引号分别代替字母“a”和“e”,从而在图形上给予品牌最鲜活的注解。 图6 Black Sparrow 看上去很简单的图标,但在细节处理上却达到了极致。从麻雀(即Black Sparrow的中文)的图案到字体,柔和的曲线与平滑的字体相得益彰,将完整的设计融入品牌表现。

LOGO设计先看这个——强烈推荐!LOGO设计终极大指南

如果您想学习设计logo,或者您已经在设计了,那么不妨来好好看看我们这篇文章,绝对让您受益匪浅。 本文揭示了Logo设计技艺中的一切奥秘!从灵感获取再到细节 处理。彻头彻尾改变您对logo设计的认知。 Logo无处不在,Logo能够起到品牌宣传、获取消费者认知的作用。Logo的核心意义是,通过简明扼要的品牌形象设计,勾勒 出品牌的核心精神,让用户将Logo与企业完美的联系到一块。Logo和品牌的关系是相辅相成的,好的Logo能够有效的支持产 品和企业形象,而好的企业形象能让Logo更加深入人心。 时代一直在变,Logo设计出现了风格多样、种类繁多的大局面,挑战也与以往不同了。 设计师该要如何打造优异的原创Logo作品?设计师要如何在快 速创作的同时保证Logo的质量? 本文,将致力于讲解Logo设计中的基本原则和专业性建议,耐 心读完本文,你的Logo设计将会有质的飞跃。 准备工作 01. 研究用户

好的Logo设计不光意味着图像优美——还必须起到品牌传达的作用。 Logo设计,视觉是第一点。还要注意的是,要思考如何通过视觉元素来宣传推广品牌形象。因此,Logo设计的第一步就是要研究面向群体,研究他们是如何看待品牌的,研究他们对什么感兴趣。 越早研究用户越好,这样就能避免出现根本问题,而且信息传递务求简洁、清晰、到位。 02. 沉浸式设计:深入品牌

回归到过去的本质,这是Logo Design London的设计方法 在开始绘制草图之前,花点心思去研究一下你的客户,无论是档案、历史还是成功案例都可以。你要搞清楚:他们是谁,他们做什么,他们想要达到什么目的。 多看看他们之前的Logo设计,你扪心自问一下,为何他们现在不用这些Logo了?是企业战略改变了?还是需要一种崭新的企业形象? 列出一份清单,根据客户的具体情况,列出”必须要有的元素”和”应该极力避免的错误” “多看看客户之前的Logo,浏览客户自成立以来的设计”这是Logo Design London的Martin Christie给出的建议。”如果你能深入探究客户的过去,探索他们在发展路途上的经历,你就能发现企业精神的本质,将心比心,你会把这个项目当成自己公司的项目,本源设计,同时也会得到很多乐趣,让你的设计工作更有灵感,也更得心应手。” 03. 旧草图有大用

相关文档
相关文档 最新文档