人才招聘Careers
打印本页内容

何以架设建Web端规划框架?到来看滴滴设计团弄队的超全阅历尽结!

 点击:次  发布日期:2019-01-05 10:52    发布人:[db:作者]

  还在苦恼何以架设建Web端规划框架?到来此雕刻边找方法吧,CDX魔方项目结合员用血和泪的阅历畅通牒你恢复案。

  前言

  关于接载多个儿子产品的网站而言,单壹的规划方法不能完整顿使用,故此我们需追苛求方面了松相干的规划框架即兴实。此雕刻有益于我们在定义骈杂构造的Web界面时遂心所欲,做到壹致募化、规范募化、却拓展及却快快迭代。

  整顿篇文字分为两片断:

  了松规划框架要斋。

  项目沉淀:滴滴魔方网站规划框架的构建与完成。

  规划框架要斋

  1. 规划框架在设计中的要紧性

  在触及数字媒体的屏幕规划时,我们需寻求将壹些看似互不相干的元斋融洽、拥有前言的布匹局在壹道,此雕刻是很拥有应敌性的。

  对设计师而言,纯熟把握知觉要斋的程式塔即兴实、视觉要斋的布匹局和构造及觉得要斋的层级和次第,并将此雕刻些方法论运用到明升的每壹处,才干创立出产该产品真正的规划基础。

  

  规划框架能僚佐我们正确考虑产品的焦点,理性的传臻拥有效信息而不是理性的创意视觉表臻。

  规划框架能保障优质产品及良好的用户体验,便宜用户对界面的识佩和运用习惯。

  规划框架是产品的骨架和基础。在框架决定之后,设计师才却终止下壹步的构建——壹致的视觉元斋,皓晰的干用操干,详细流动程的提交互等等。

  

  2. 规划框架的设计绳墨

  了松规划框架计的要紧性后,我们又到来观点壹下规划框架的设计绳墨,区别为壹致性、逻辑性、却扩展性、却预测性。

  壹致性——确保产品规划在构造和视觉的不符性,为用户供高的舒坦感。

  逻辑性——视觉中的各种分类结合具拥有逻辑文思,构造联绕严稠密且深滞。

  却扩展性——无论产品干用是骈杂还是骈杂,规划框架却以跟遂产品需寻求的变募化终止规划构造的延展和扩父亲。

  却预测性——选择却预测和却识佩的规划,并衔接到体验的每壹个环境中且在适当的中指伸用户。

  

  3. Web端的基础模块和分层逻辑

  我们在终止规划框架计前,先到来熟识壹下Web端界面相干的基础模块和分层逻辑。

  基础模块

  根据模块本身属性及干用定义。微少见的模块拥有九类,区别为顶部带航模块、左侧带航模块、页眉模块、页脚丫儿子模块、主情节模块、左情节模块、右情节模块、吧嗒屉模块、弹窗模块。