Accretion開發筆記:前端部分(Horizon)

Horizon是Accretion的前端部分,這部分的設計決定你的知識體系中有那些部分可以方便的為你所用,正所謂你的視界。

項目整體規劃見前文Accretion:終極的個人知識管理系統(原型設計)

========2018-01-26========

  • 搜索界面UI初稿

特點:簡潔(丑?),高信息密度,資料庫所有欄位搜索,嵌套查詢,全方位自動補全(待完善後放gif),查詢邏輯重排序,人性化快捷鍵等..

資料庫欄位提示

預查尋與自動補全

  • 一些想法:
    • 那些成熟的商業產品為何不這麼設計?
  1. 一個新功能,10個新bug。複雜的UI也只有個人用戶會去用了,邊用邊修bug,長時間處於開發狀態。
  2. 暴露資料庫結構,造成安全隱患。Accretion設計之初就只針對個人用戶,所以有些功能的實現怎麼方便怎麼來,沒有過多考慮安全問題。最後產品只能運行在本地,禁止面向公網。
  3. 用戶有學習成本。此UI邏輯結構上基於SQL,程序員同學會用的很爽,一般用戶則覺得太複雜。(所以之後也會構思單搜索框簡化版UI)
  • 平時寫的程序大多都是腳本,感覺像搭積木(介面少且正交)。第一次寫前端,感覺像在做神經外科手術(控制項之間的聯繫呈網狀,感覺像一堆神經細胞。CSS效果不正交,不好調)

推薦閱讀:

這種偽3D效果用Ps/Ai怎麼做?
TOP UI 設計師在色彩搭配的時候,他們在用什麼利器?細數實用的色彩搭配工具,Color Picker/取色/配色工具
別光臨摹,不會比例關係該咋辦?
UI設計半年從業者該何去何從?
Vue高效UI組件庫—iView開發實踐

TAG:个人知识管理 | UI视觉设计 | 眼界 |