小程序ios 预览本地_为本地ios应用程序和本地android应用程序设计

小程序ios 预览本地

Finmagix was Native app and before starting any UX process I went through material guidelines and IOS Human interface Guidelines. Below I am listing some of important points to keep in mind while designing any native app.

Finmagix是Native应用程序，在开始任何UX流程之前，我先经过了材料准则和IOS人机界面准则。 下面，我列出了设计任何本机应用程序时要记住的一些重要点。

Gestures,

手势，

So you have a swipe slider? Tell us about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinetic, motion detection.

那么您有滑动滑块吗？ 告诉我们有关捏合，拖动，缩放，旋转，摇动，六英寸智能手机，惯用左手的人，鼠标悬停，动力学，运动检测的信息。

Android Gesture

Android手势

Typography,

版式，

Android: Roboto

Android：Roboto

IOS: SF Pro( San Francisco)

iOS：SF Pro(旧金山)

Typography for IOS and Android

IOS和Android的版式

Navigation,

导航，

Back navigation for android and IOS apps. Moving between screens is a common action in mobile applications. There’s a universal navigation bar at the bottom of Android devices. Using the back button in the navigation bar is an easy way to go back to the previous screen or step, and it works in almost all Android apps.

Android和IOS应用程序的后退导航。 在屏幕之间移动是移动应用程序中的常见操作。 Android设备底部有一个通用导航栏。 使用导航栏中的“后退”按钮是返回上一屏幕或上一步的简便方法，并且几乎适用于所有Android应用。

Android Navigation

Android导航

There’s no global navigation bar, so we can’t move back using a global back button in native iOS app design. Native app should have navigation bar with a back button in the top left corner.

没有全局导航栏，因此我们无法在本机iOS应用程序设计中使用全局后退按钮后退。 本机应用程序应具有导航栏，该导航栏的左上角带有后退按钮。

IOS Navigation

iOS导航

Controls : Calendar, Date and time, CTA

控件：日历，日期和时间，CTA

Date picker in IOS and Android

IOS和Android中的日期选择器

Android users aren’t familiar with the slot machine reel-style date selector that’s common in iOS.

Android用户对iOS中常见的老虎机卷轴式日期选择器不熟悉。

Buttons,

纽扣，

44px @1x for iOS

适用于iOS的44px @ 1x

48dp/48px @1x for Android

适用于Android的48dp / 48px @ 1x

Floating action buttons on Android and call to action buttons on iOS

Android上的浮动操作按钮和iOS上的号召性用语按钮

1. Main CTA of IOS and 2. Floating button of Android

1. IOS的​​主要CTA和2. Android的浮动按钮

Of course there are exceptions: some iOS applications follow Material Design Guidelines foe example Gmail and some Android apps follow the Human Interface Guidelines like instagram.

当然也有例外：某些iOS应用程序遵循《材料设计准则》，例如Gmail，而某些Android应用程序遵循《人机界面准则》，如instagram。

Takeaway,

带走，

Good design is design that respects users’ habits in each operating system. It’s really important to keep in mind the differences between platforms when designing a mobile application for both iOS and Android so you design applications that do meet the expectations of users.

良好的设计是指尊重每个操作系统中用户习惯的设计。 在为iOS和Android设计移动应用程序时，切记平台之间的差异非常重要，因此您设计的应用程序确实可以满足用户的期望。

It is much faster to design a mobile application using native components for both operating systems. Thus, it’s better to spend time on the design rather than spending lots of time on development.

使用两个操作系统的本机组件来设计移动应用程序要快得多。 因此，最好花一些时间在设计上，而不要花很多时间在开发上。

翻译自: https://medium.com/@kshitipurohit23/design-for-native-ios-apps-and-native-android-apps-15d8582ad4a2

小程序ios 预览本地