• 1.Update Description

• 2.Design Beautiful UI

• 2.1 Re-Design Menu and Submenu

• 2.2 Re-Design ChoiceBox

• 2.3 Re-Design Tools Drawer

• 2.4 Re-Design Activated Tool Tab

• 2.5 Re-Design Tool Cards

1.Update Description

BioSciTool v1.2.3
Website: https://bioscitools.github.io
Github: https://github.com/bioscitools/bioscitools.github.io

親愛的BioSciTools用戶:
此次更新帶來前段時間開始籌劃的BioSciTools重新設(shè)計用戶界面(User Interface, UI)，在克服Java原生比較丑的界面中付出了一定的心思，希望給用戶帶來現(xiàn)代化的、美觀的、邏輯完善的操作界面，細(xì)節(jié)更細(xì)如下羅列。

2.Design Beautiful UI

重新設(shè)計BioSciToolsUI界面主要為了將自己的審美體現(xiàn)在程序的細(xì)節(jié)之處，優(yōu)化用戶的使用體驗，完善程序的操作邏輯，最終美化效果如下。

2.1 Re-Design Menu and Submenu

1.重新設(shè)計程序菜單分類和邏輯，將統(tǒng)計學(xué)可視化、轉(zhuǎn)錄組可視化、臨床可視化、富集分析可視化皆歸屬到可視化菜單；
2.美化菜單欄展開后的顏色為淡藍色帶有些許科技風(fēng)，并設(shè)置帶有陰影的透明度類似毛玻璃效果，設(shè)計菜單欄下落位置為5px以及設(shè)計所有子菜單欄為圓角矩形；
3.應(yīng)該會有用戶注意到現(xiàn)在總菜單欄中可視化菜單欄包括了幾乎所有程序，這是因為確實我有進一步增加其它分類的分析內(nèi)容不僅可視化部分。

2.2 Re-Design ChoiceBox

1.原生自帶的Choicebox選擇框過于生硬，因此我想著需要實現(xiàn)兩點以實現(xiàn)靈動的效果，將下來選擇框設(shè)計為圓角矩形，及將下拉選擇框設(shè)計為透明淡藍色，最終效果如下。

2.3 Re-Design Tools Drawer

1.工具箱重寫Java原生界面，同樣以淡藍色背景設(shè)計科技風(fēng)，字體和圖標(biāo)增加深藍色陰影凸顯；
2.工具箱每個分類增加對應(yīng)的彩色圖標(biāo)，這也是上述菜單欄美化需要提到的重點，方便用戶快速識別分類。
3.每個分類增加程序數(shù)量標(biāo)簽。

2.4 Re-Design Activated Tool Tab

1.之前打開多個程序的時候激活的Tab按鈕顯示不夠突出，此次設(shè)計為未激活的Tab為淡綠色，激活的Tab為淡紅色，效果如下。

2.5 Re-Design Tool Cards

1.為首頁的所有Tool Cards添加淡藍色輝光，展示科技風(fēng)；
2.為工具卡片的標(biāo)簽添加淡紅色背景；
3.淡化工具分類的背景顏色。

祝國慶節(jié)愉快！