top of page

 THE DEFINITION OF A VISUAL SYSTEM FOR DOC.AI 

FEBRUARY 2019

STYLE OF UI

I aimed to create a UI style which is simple, efficient and contextualized

interface-doc.png
Visual definition for doc.ai: Services

ILLUSTRATIONS

I devised a new style of illustration to clarify the complicated words in the company's products.

My goal was to make these illustrations self-explanatory and reduce cognitive workload.

​

illustration V2_2x.png
Visual definition for doc.ai: Services

ICONS

monochrome icons

I came up with the most representative visual language to clarify the meaning of each icon, unified the elements,  and then simplified them

doc-icon-01.jpg

           

filled icon

I used a different combination of color and shape to convey differently functionality and put all of them in the same visual system

MedicineIcon.jpg
Visual definition for doc.ai: Services

Concept of animation

Tool: After Effect

Visual definition for doc.ai: Welcome

©2019 by xuandesign. Proudly created with Wix.com

bottom of page