DEX-网页设计

一.参考网站:

https://paradex.io/https://the0cean.com/https://etherdelta.comhttps://radarrelay.com/https://www.binance.com/trade.html?symbol=SNT_ETHhttps://www.binance.com/tradeDetail.html?symbol=SNT_ETHhttps://cn.tradingview.com/chart/

https://www.kucoin.com

https://localethereum.com/

https://big.onehttps://dex.top/homewww.binance.com

二.注意事项：

1.主色调用于系统文字（委托/历史记录），辅助色和点缀色用于次级文字（例子：买入卖出）

2.字体，大标题用统一大小字体，导航栏用统一大小字体，所有弹窗用统一大小字体。

3.间隙，所有统一，可以有不同标准。间隙全部居中对齐（包括：文字和框）

4.搜索栏最好在左侧，用户视线范围内。

5.注意细节：dex类网页表格最好紧凑竖向延伸。

6.弹窗要有蒙板

7.弹窗参考腾讯，京东等网站。

8.网页任务警告显示时，只显示一个提醒。用户不会混淆。

9.产品经理给的交互框架只是冰山一角，要自己细化细节，包括：图标，交互，数据的所有状况（选中，未选中，可选，不可选，鼠标点击当前位置，大数值，小数值）

10.要有设计，原创，要画草稿，想好了再电脑绘制。

11.买入卖出（红买绿卖，卖1-10表反过来，红卖绿买，因为用户买看卖表，卖看买表）

设计流程：

1.听产品经理的需求，交互图需求后，手绘设计界面布局，要注意交互，设想设计元素位置，小的细节插画的表现。

2.画大概的界面，包括颜色，布局，给产品经理看，定稿。

3.修改小的细节。不合理的交互部分。

4.上传到Zeplin上，批注。修改与覆盖。

5.整理全部界面交给前端实现。

DEX-PC端设计

1.参考网站：

http://truffleframework.com/ganache/

2.注意事项：

1.排版格式要与同类型产品相似。(顶部无logo-网页端有)