APP动态

每个app设计师都需要了解市场的客户需，应该明白设计行业是一个持续过程，要结合客户的要求和愿望与设计风格相结合。首先设计和布局外观要满足客户高度赞赏，设计应与装饰元素和简单形状相结合。例如线条几何形状，在页面上使用混合模式，可以取得很好的效果。 

    鲜艳的色彩设计完美结合，颜色转变APP设计的一大趋势，首先改变企业形象和LOGO，将颜色改为多色渐变和过渡渐变，LOGO，按钮和其他元素都有了新的风格，以方式混合颜色以避免浮华的颜色。APP设计颜色需要了解基础内容，设计适合广泛用户的APP。色彩受到视力差异的影响，元素的大小也会影响个人对颜色的感知，在APP中使用色调以不同方式辨别。

    注意颜色如何变化，良好易读性APP主要成分是强烈对比，在设计测试将图像转换为灰度模式，将屏幕截图设置为单色，以查看使用的视觉操作，可以通过对比度提高来实现。视力受损的很难区分所选择的阴影，使用深色阴影创建视觉水平。不同的阴影会传达对用户体验的信息，为了增强视觉。可在单色中合并为一个固体块，颜色选择能够适合受众，做出更明智的设计选择，用户界面设计的测试是用户测试，可以产生舒适的用户体验，颜色选择可以灵活地设置，背景颜色和文本颜色之间的强烈对比。

 例如：APP界面代码

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/md_blue_500"

    android:fitsSystemWindows="true">

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:layout_gravity="start"

        android:fitsSystemWindows="true"

        app:headerLayout="@layout/toubuju"

        app:menu="@menu/shiyan"

        />

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical">

                     android:id="@+id/frame"

                     android:layout_width="match_parent"

                     android:layout_height="0dp"

                     android:layout_weight="1"

                     android:background="@color/white">

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                xmlns:app="http://schemas.android.com/apk/res-auto"

                xmlns:android="http://schemas.android.com/apk/res/android">

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                        android:id="@+id/tool"

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        app:navigationIcon="@mipmap/ic_drawer_home"

                        app:title="首页"/>

                        android:id="@+id/tablayout"

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        />

                    android:id="@+id/viewpager"

                    android:layout_width="match_parent"

                    android:layout_height="match_parent"

                    app:layout_behavior="@string/appbar_scrolling_view_behavior"

                    />

            android:id="@+id/bottom"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_gravity="bottom"

            app:itemBackground="@color/colorRateRed"

            app:menu="@menu/bottom_navigation_menu"/>

public class ShiYan extends AppCompatActivity {

    @BindView(R.id.bottom)

    BottomNavigationView bottomNavigationView;

    @BindView(R.id.tool)

    Toolbar toolbar;

    @BindView(R.id.tablayout)

    TabLayout tabLayout;

    @BindView(R.id.viewpager)

    ViewPager viewPager;

    private List

    private String[] s = {"第一个", "第二个", "第三个"};

    @Override

    protected void onCreate(@Nullable Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.shiyan);

        ButterKnife.bind(this);

        BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

        toolbar.inflateMenu(R.menu.shiyan);

        tabLayout.addTab(tabLayout.newTab().setText("第一个"));

        tabLayout.addTab(tabLayout.newTab().setText("第二个"));

        tabLayout.addTab(tabLayout.newTab().setText("第三个"));

        list = new ArrayList();

        list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

        list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

        list.add(View.inflate(ShiYan.this, R.layout.viewpager, null));

        viewPager.setAdapter(new PagerAdapter() {

            @Override

            public int getCount() {

                return list.size();

            }

            @Override

            public boolean isViewFromObject(View view, Object object) {

                return view == object;

            }

            @Override

            public Object instantiateItem(ViewGroup container, int position) {

                container.addView(list.get(position));

                return list.get(position);

            }

            @Override

            public void destroyItem(ViewGroup container, int position, Object object) {

                container.removeView((View) object);

            }

        });

        //tlTabs.setupWithViewPager方法内部会remove所有的tabs上的text，这里重新设置一遍tabs的text，否则tabs的text不显示

        tabLayout.setupWithViewPager(viewPager);

        for (int i = 0; i

            tabLayout.getTabAt(i).setText(s[i]);

        }

    }

}

用户的信息不仅仅依赖于颜色，还可以使用颜色作为识别不同元素的方法，使用不同的颜色效果会令人反感，颜色选择一般准则，白色背景上结合黑色文字是安全组合，更清晰，白色背景也更专业，红色和绿色用于屏幕中央，而黑色，白色，黄色和蓝色最好用于外围，例如，红色和其他高色度颜色可用作吸引全视力用户注意力的色彩，更亮的颜色适用于基于屏幕的界面，选择较深的蓝色，红色和紫色。不要把红色和绿色一起使用，需要区分两种颜色，在黑色或白色背景上，使用深色文字较好。

    图形在设计中也在不断发展，图片和照片对用户也会造成很大的影响，如今视频和GIF动画对象也很流行，标识，站点和图标中过渡，也可以通过背景视频，为眼睛提供流畅的视觉享受，为APP添加一些动作方式。一个精心设计的APP页面应该结合创意，页面的用户界面和消息，设计审美很重要，有凝聚力的界面是重要组成部分。APP还需要尽快展示信息，提高访问的速度，直观地使用设计非常严谨，需要提供目标受众相关内容，传达价值主张，简洁地传达信息和行为。

    APP设计提供内容之间的平稳至关重要，虽然用户非常重视设计，但经常被忽视的就是消息传递，常见痛点是APP信息架构与用户信息的不一致，移动体验不好，是由于用户行为和偏好不佳造成的，必须汇集所有用户数据，使用高级分析来提供用户的个性化信息。最后APP还需要不断测试加载时间，主要界面要在三秒钟内加载， 采用渐进式负载可以极大地改善用户体验。