案例解析

一起海带APP界面设计

随着电子商务的发展热潮,国内市场已远远不能满足消费者的需求,消费者因此将目光转向国外商品市场来满足消费需求。

设计周期:一个月。完成整个APP所有的界面设计。

设计观点

用交互经典四原则,帮你做好导航栏设计

在这之前我得先提及一本书──《简约至上:交互式设计四策略》。这本书基本算得上是交互设计的入门必读书籍了,非常适合身处项目环节中上游的人员阅读与学习。

设计每日一贴

蓝蓝设计随笔:ui用户界面中的表格设计


表格,是一种最常见的信息组织整理手段,常用于信息收集、展示、数据分析、归纳整理。 UI软件设计中最常用、最基本的是表格的设计,有些软件中80%都是表格类页面,可以说,设计开发的是否易用,很影响口碑和用户的使用感受

如何让深色模式更精致?


iOS 作为 UI/UE 设计的风向标,一直是行业的引领者,

好图片,设计过稿率提升50%?


如今我们的生活,到处都是大幅图像广告,纷扰喧闹的各类短视频与直播。这是一个快节奏时代,我们更倾向阅读图像。

三分钟搞懂,iPhone 12发布后的设计尺寸调整


前言 距离iPhone 12系列发售已经有段时间。 之所以没第一时间撰文,是因为 iPhone 12 mini 和 iPhone 12 Pro Max 要在11月13日才正式发售。

在市场占有率层面,随着Apple逐渐停售之前的设备,新款iPhone的分辨率占领市场只是时间问题。

从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势


总结 从挑选出的 828 件作品中,排名前十的作品中 9 件为 B 端设计,另一件作品也是 B 端产品 C 端化的产物。其中:

手机及小程序界面设计之四:手机屏幕越来越大,UX设计师面临哪些挑战?


@布莱恩臣 :iPhone X 在 2017 年上市以来,全面屏手机就开始逐渐普及 而这些手机都有一个共同的特点,就是屏幕尺寸越来越大。屏幕尺寸变大后,手握手机的方式和界面交互操作方式也随之改变,那对于设计而言,是否也应该随之进行改变呢?

手机及小程序界面设计之五:连高手都容易忽略的9个 iOS 与 Android 间的交互差异


现在大多数的 PM /交互/ UI 设计师,在设计产品的时候都是以 iOS 为基准 思考产品上的各种功能逻辑、交互状态

所以本文就讲下 Android 和 iOS 9大产品/交互差异,希望你在日后的产品设计时,可以考虑到更多层面的知识点。

手机及小程序界面设计之六:让设计更有说服力的20条经典原则:菲茨定律


1954 年,Paul Morris Fitts 根据信息类比提出一个假设,该假设能够量化「移动到目标选择任务」这个操作的难度「1」

我们现在经常看到的 Shannon 公式(即上面那个公式)是由约克大学教授 Scott Mackenzie 在 1992 年提出的一个菲茨公式的变体「2」

手机及小程序界面设计之七:基础科普!超全面的 UI 元素尺寸设置指南(上)


对于刚开始思考 UI 元素尺寸的新人,通常第一反应都是去看官方规范,

官方不会提供一个列表,逐一罗列每个元素的长宽和其它参数,所以想弄明白,要自己在这两套素材库中选中元素查看。如下图这个按钮,我们就能看见它的参数值。

手机及小程序界面设计之八:如何适配iPhone X?来看看实战案例复盘!


滴滴出行在 iPhone X 发售前就针对其操作特性进行了界面适配

iPhone X 是苹果公司十周年推出的重点产品,无论外观还是技术都有着革命性的创新。让我们先来回顾下 iPhone X 在界面使用体验上都有哪些操作特性。

手机及小程序界面设计之九:手机端表格设计:我整理了一套循序渐进的处理方法


Z Yuhan:对于手机端的表格设计,本文将为你提供了一些思考方向,希望能够带给你启发。

表格似乎和移动设备很难融合,强行贴上还真有些毁三观。即便是想方设法地避免,也总会有这样那样的原因,而不得不同时面对它们的时候。

手机及小程序界面设计之十:超详细解读:UI导航设计不仅仅指的是导航栏


编者按:其实网页或者App中的导航(Navigation)这个概念远不止我们熟悉的导航栏,而是一个更加广的交互概念:引导用户和产品进行有效的交互,实现用户的目标。本文将详细地介绍界面的导航设计。

一个网页或App产品要想有很好的可用性(usability),需要做好的最基本的一点是导航的设计或者说引导用户的设计