-
新手上路
-
在線付款
-
相關服務
-
新聞動態
-
關于我們
2016/09
界面趨向于扁平化,那么除了界面還有一些圖標扁平化的設計應該怎么設計呢?大同小異,界面設計只是在整體上的設計,而圖標設計上,風格一致,只是在設計的過程中更為精致,要在一個圖標里面表達內容,也是讓設計師頭痛的一件事,而扁平化設計比較注重是圖標的簡潔和表達,而一些基本的設計方法除了能夠簡約之外,很重要的一點是能夠表達清晰,在理性和感性之間的表達出極簡主義的精髓和魅力。有些人說扁平化圖標就是實物的剪影,小編不否定也不肯定,畢竟它也不是單純的剪影,而扁平化很重要的是線和面的應用,此外還有顏色的運用。扁平化的圖標大致分為純粹的平面設計,折疊設計,輕質感設計等等,這一類的風格其實比較容易跟一些傳統的中國剪紙風格混淆,騰云建站認為這樣混淆其實也是會出現的,畢竟很多情況下確實有一點相似。正經的說大家都是平面的,對于扁平化的圖標實現,其實還有些流行使用二維或者三維來表達裝飾,組合起來的畫風也是別有一番風味,但是更多的是要靈活運用顏色,把效果發揮到極致。例如純色調的圖標設計,這種圖片比較考究,畢竟是統一色系的進行搭配,容易吧圖標搞砸,但是卻更具有簡單抽象、易于接受等特性,有些設計會偏向于“線”的刻畫,精準到位的設計會給人一種清新脫俗的感覺,另一種會比較傾向于“面”的設計,把握大局,給人大氣的感覺。這一類的純色圖標設計清新典雅,不少的界面里都能夠看到他們的蹤跡,而且具有別具一格的現代氣息,更為人們所喜愛。設計上關鍵還是細節設計。從前的實物化設計是追求細節上的相像,而扁平化圖標主要是輪廓上的繪制讓人感覺簡約,當然也不是沒有細節,細節主要是體現在輪廓線條的設計。繪制過程可以根據自己的洗好和設計進行融合,每一筆越細致更會凸顯精細和典雅,雖然去繁的過程看起來很簡單,但實際操作卻不然,要取實物其中的精華和亮點,同時能夠傳達出準確的信息,這也是一個比較困難的過程。在一般的繪制基礎上,應該懂得抓住事物的關鍵點,運用幾何秒回出相近的圖形,當雛形出來之后,就可以根據自己的創造想法調整線條,定型,對比調整,圖形內部要講究調整比例的結構。在制作的過程中應該注意輪廓、拐點、斜線等等的會不會有發虛的現象,出現這種情況都會給人感覺不大好看,技術不過關的感覺,小編這里有一個小技巧:雙層疊加,這種效果往往能夠避免一些發虛的感覺。新手一般很容易犯的一個錯誤就是圖標最后會變得模糊,如果發生這種情況,首先要檢查是不是因為使用了矢量繪制,這是一個不良習慣,注意避免。
2016/06
當li元素不浮動,li里的元素出現浮動時,li的高度在ie6/ei7瀏覽器中會莫名的會多出3px。這里直接給出具體的解決方法:方法一:給li添加浮動方法二:把li設置成display:inline-block方法三:給li元素設置vertical-align值,此值可為top, bottom, middle, text-top, text-bottom, middle, sub, super中的一項(推薦:在不改變原有樣式的基礎上添加,不影響其他任何代碼)
2016/06
z-index屬性決定了一個HTML元素的層疊級別。元素層疊級別是相對于元素在Z軸上(與X軸Y軸相對照)的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現。原理性的東西就不說了,網上搜索一大堆,具體講下z-index屬性怎么使用。這個屬性比較特別,并不是直接給div加個屬性就能起作用的。需要滿足2個條件:條件一:作用的這個div的position屬性不能是默認值(static默認值,沒有定位);條件二:必須是親兄弟間的div相互比較z-index軸(需要是同一個父親);下面具體說下怎么操作作用的這個div的position屬性不能是默認值一般情況下,如果這個div需要定位的,可以選擇“absolute”或“fixed”值;如果僅僅是配合z-index使用,使z-index屬性起作用,可以選擇“relative”值。必須是親兄弟間的div相互比較z-index軸(需要是同一個父親)龍生龍,鳳生鳳,老鼠兒子愛打洞,這個就是類似繼承關系。舉例:兩個小伙之間比較地位高低有兩種情況,A:如果他們是同一個父親的兒子,這個兩小伙誰實力強,誰的地位就高。B:如果兩小伙的父親不是同一個人,那么這兩小伙的地位就是靠父親之間的地位高低決定的。總結:如果是同一個父級div里的子div相比較,哪個子div的z-index設置的高,哪個就排在前面;如果是不同父級div里的子div相比較,就是這兩個父級div相比較,誰的z-index設置的高,他們的父親連同兒子地位都高。(這兩個子div是不好比較的,他們的高低由父div決定)
2016/06
為客戶制作網站,首頁上需要用到大幅的banner圖片,如果客戶提供的圖片不好摳圖、尺寸不夠大,圖片多張零碎;但是客戶要求放在頁面的,那么下面的方法和適合你。要領:圖片清晰、圖片與圖片之間的間隙相同、圖片大小保持一致。方法一:豎切方法二:斜切方法三:其他切割形式