• 北京快三官网

北京快三官网

作者︰wy  發布(bu)日(ri)期︰2020-02-24 12:45:00
  •   在(zai)設計理念中(zhong)最重要(yao)的就是色(se)彩(cai),一(yi)個好(hao)看的版面能給我們帶來多(duo)大(da)的起手,色(se)彩(cai)不(bu)僅僅只(zhi)局限于彩(cai)色(se)豐富(fu)鮮艷等,還有(you)一(yi)個很重要(yao)的關鍵那就是陰影,陰影是立體感的展現,是一(yi)個心情的釋放(fang),以(yi)下文章(zhang)我們就來學(xue)習一(yi)下lv)杓頻納se)彩(cai)和陰影。

      在(zai)開始設計組件之前(qian),我們需要(yao)為這些組件奠定基礎。我們需要(yao)把產品分解成最基本(ben)的形式(shi)。

      即使是最簡單的標題(ti)組件,它是qian)喔隹芍賾玫姆綹竦募ji)合…

      我們需要(yao)打破思維直到我們到達最低點︰最基本(ben)的風格。一(yi)個很好(hao)的起點是建立CSS樣式(shi)屬性(xing)。大(da)多(duo)數的這些屬性(xing)只(zhi)能設置固定值(zhi),這樣可以(yi)重用在(zai)每一(yi)個網站上。設置特定的屬性(xing)值(zhi)是最終會將我們的產品與其(qi)他產品fei)摯﹫礎U廡┬zi)定義值(zhi)將定義我們全球化風格模式(shi)。我們的風格模式(shi)是我們將使用在(zai)設計和建造我們產品的每一(yi)個方面。

      當我們完成設計時,每一(yi)個風格都存在(zai)于我們的產品預定義的全球化風格模式(shi)中(zhong)。

      讓(rang)我們從最明顯的樣式(shi)屬性(xing)入手,這是唯(wei)一(yi)一(yi)個樣式(shi)屬性(xing)可以(yi)用現代(dai)設計工具進(jin)行(xing)命名、存儲(chu)和重用︰顏色(se)。

      我們的主要(yao)品fang)粕se)彩(cai)選擇藍色(se)。輔色(se)選擇與其(qi)互補的︰橙色(se)。

      色(se)彩(cai)搭配的成功與失敗是一(yi)種常見的設計模式(shi),讓(rang)我們添加綠色(se)和紅(hong)色(se)。顏色(se)像黑色(se)和黃色(se)也bu)崢雌鵠春芎hao)。

    設計��?��)?http://www.it165.net/design/wrss/rsso=" src="http://www.it165.net/uploadfile/2019/0113/20190113101305995.jpg" style="width: 614px; height: 670px;" />

      最後,我們需要(yao)一(yi)些灰色(se)。大(da)多(duo)數UI至少需要(yao)以(yi)下幾種zhi)疑se)︰

      一(yi)個非(fei)常淺的灰色(se)背景。

      一(yi)個稍暗的灰色(se)作為邊(bian)界、線(xian)條、分隔(ge)線(xian)。

      一(yi)個中(zhong)度的灰色(se)作為小標題(ti),支持(chi)附加內容。

      一(yi)個深灰色(se)作為主標題(ti)、內文和背景。

      當然,你可能需要(yao)更多(duo)的灰色(se)。可能在(zai)內容上需要(yao)三個不(bu)同的色(se)調。你可能喜bu)讀(du)礁霾bu)同的深度。這完全取決于你。重點是,預先re)範 娜魏畏綹袼切枰yao)是可重用的在(zai)整個產品在(zai)稍後的階段。最後一(yi)個點,我們還需要(yao)為每個顏色(se)添加色(se)調或陰影。這些在(zai)設計組件或者添加背景或深色(se)線(xian)條中(zhong)可能是有(you)用的。

      陰影在(zai)UI中(zhong)是另一(yi)種常用的樣式(shi)屬性(xing)。我們所看到的許多(duo)設計師(shi)僅僅是在(zai)設計的組件中(zhong)加入陰影。這適用于大(da)多(duo)數的樣式(shi)屬性(xing)。孤立地設計常常會導致不(bu)一(yi)致的用戶界面。

      讓(rang)我們退一(yi)步(bu)想想到底想要(yao)實現怎樣的陰影。我們顯然試圖在(zai)UI中(zhong)添加了一(yi)些陰影,但很可能許多(duo)組件可以(yi)受益(yi)于同樣的效果。所以(yi)讓(rang)我們從風格模式(shi)中(zhong)分離(li)出單個組件的樣式(shi)。

      這四(si)個陰影樣式(shi)應該足以(yi)yue)閬低持(chi)械拿扛鱟榧/p>

      一(yi)個淡淡的陰影用mei)幢biao)示(shi)交互式(shi)的組件。

      一(yi)個稍明顯的陰影表(biao)示(shi)懸停效果。

      很大(da)很深的陰影用于視角的下拉/彈(dan)窗和其(qi)他類(lei)似的組件。

      一(yi)個長陰影表(biao)示(shi)模態組件。

      我們描述了色(se)彩(cai)和陰影在(zai)設計上的適用性(xing),我們還解析了利用色(se)彩(cai)和陰影能怎樣的把設計感推到最高處,這些看似很小的設計理論對于設計來說是一(yi)個非(fei)常大(da)的進(jin)步(bu)歷程。想要(yao)學(xue)好(hao)怎樣把設計感的美(mei)觀放(fang)大(da),先從最簡單的開始。

北京快三官网

About IT165 -廣告服務(wu) -隱(yin)私(si)聲(sheng)明 -版權申(shen)明 -免(mian)責條款 -網站地圖 -網友(you)投稿(gao) -聯(lian)系方式(shi)
本(ben)站內容來自(zi)于互聯(lian)網,僅供用于網絡(luo)ke)際shu)學(xue)習,學(xue)習中(zhong)請遵循相關法律(lv)法規(gui)
北京快三官网 | 下一页