拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 027移动应用设计

Needrr

自由职业零工市场的移动端页面,首页以一个问题和一个搜索框开场。往下,页面解释这项服务,并引向各个分类。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
Needrr 的演示封面,来自原始设计文件。
演示封面,来自原始文件。

01

我的贡献

Needrr 是一个自由职业零工市场。我设计了它的首页和子分类页的移动端界面,文件里还保留了同一个首页的配色测试。

滚动浏览设计稿:首页,从搜索到热门零工。 录自 Figma 原型。首页,然后是一个分类页面及其零工。 滚动浏览设计稿:一个分类页面及其零工列表。

02

一个问题,一次搜索

首屏在一张深色照片上提问:“Need to get the job done?”,其中“job done?”用强调色突出。紧接着是一个带示例搜索词的搜索框和一个撑满整行宽度的 Find a Needrr 按钮,所以还没开始滚动,第一步该做什么就已经很清楚。想先看解释的人,只需点一下就能打开“What is Needrr?”。

03

试验强调色

这些页面把黑白与蓝色强调色搭配在一起。文件里另有一个单独的 Color test 页面,把同一个首页换成紫色,用在高亮的词、按钮和各分区链接上。

000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例