每个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还需要不断测试加载时间,主要界面要在三秒钟内加载, 采用渐进式负载可以极大地改善用户体验。
我来说两句