UI設計方面的思考

2021-06-13 14:24:58 字數 724 閱讀 6583

下面特點歸納:

板塊面積大:大氣大方資訊分散心情舒適不緊張不繁雜。

透明選單,包含的資訊量更大(不太影響主題背景圖的視覺化),介面晶瑩透亮。

頂部方角 + 底部圓角,有抽屜感覺,並且底部圓滑,平易近人。

懸浮選項底圖滑動效果,有過渡感

縱向透明層疊加,醒目而且高雅

選中文字標題區域有底部高光效果,圖形不規則,有擴散性

中間的標識突出重點

層數越高,優先順序就越高

層0:背景大圖,1680 x 540,雲層不規則邊緣,圓角內框寬度:980px,內框(透明)邊緣寬度:4px

層1:底圖rgb(0,0,0)的,透明度150/255,60%左右,[陰影+左圓角貼圖] [    repeat-x    ] [右圓角貼圖+陰影],中間部分可以進行新增和刪除字段,底部具有漸變效果色調急速變深

層2:(懸浮列光),

層3:青字深綠色圓角背景底圖(切換具有動畫效果),動畫會調整透明度

層4:(選項)青字,onmouseover會變成綠字

層5:(標題按鈕):[官網首頁] [新聞公告] ... onmouseover事件層1下滑,下滑速度由快變慢

層6:(標題)白字,onmouseover會變成青字

層7:青色遮罩光

層8:logo標識(水平居中,垂直偏上)

ui設計的思考

主路線 貫穿部件豎向的路線,部件總高度的確定路線。一般有兩種方式,直接固定總高 部件 間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。其他部件的位置可根據主路線中的部件位置做相對位置擺放。其他部件的位置也可根據主路線中得指定區域,根據布局重心和本身尺寸確定位置。容錯間距 在其他間...

UI設計框架思考

統一性 確保產品布局在結構和視覺的一致性,為使用者提供高度的舒適感 邏輯性 視覺中的各種分類構成具有邏輯思路,結構聯絡緊密且通暢 可擴充套件性 無論產品功能是簡單還是複雜,布局框架能夠隨著產品需求的變化進行布局結構的延展和擴充 可 性 選擇可 和可識別的布局,並連線到體驗的每乙個環境中且在適當的地方...

文學方面的思考2 精確的表達

好的文學作品是怎樣的?我覺得很難有乙個統一的標準。前面說過了,文無定法。表達精確,似乎也可作為某些好作品的特徵。把某種難以言說的感情,體驗,表達得恰到好處,甚至到了 增之一分則太長 減之一分則太短 的程度,就是精確的表達。李宗盛有首 希望 裡面有這麼兩句 這一首歌無關兒女情長 只獻給我家那兩個可愛的...