1500+ 个现成的 React Native 移动应用界面

推广伙伴
整套应用

Siding

12 屏 · 火车、有轨电车与公交

A transit app that tells you where the thirty nine minutes go

Twelve screens of a city transport app built around the thing every journey planner hides, which is that most of a trip is spent walking and waiting rather than moving, with every departure, wait, interchange, line diagram position, fare and daily cap on every screen computed from one network and one timetable rather than asserted beside them.

PRO

设计系统加上全部 12 屏,一条提示词全带走。如果只要其中一屏,每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面,好让它能被单独取走;构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

palette
ground
#FFFFFF
raised
#F5F6F7
sunken
#EAECEE
line
#DFE2E5
ink
#12161A
inkMuted
#5C636B
inkFaint
#878E96
accent
#173463
onAccent
#FFFFFF
network
lineRed
#E03127
lineBlue
#2E6FD9
lineOrange
#F08521
lineBrown
#8C6239
lineTeal
#0F7B8A
onTime
#177245
delayed
#B42318
neutral
#D3D7DB

尺度

radius
tile8
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display34
title20
body15
label12
micro10
字体
Inter,5 种字重

流程

按人们遇到它们的先后排列。这是应用自身的顺序,不是一份分类清单。

Getting there

4

One trip, honestly accounted. Live departures where you are standing, the options between two points, and a journey broken into the minutes it actually costs.

The network

4

The shape of the thing. A line drawn end to end, the map it sits in, a stop and what is at it, and what is broken this morning.

Paying

4

What it costs and when it stops costing. Caps that are counted rather than promised, the tickets already held, and buying one in four taps.

Siding,一个 12 屏的应用 | Clevens