招商局、中廣核、富士康等名企長期服務商
0755-8672-1169
深圳.科技園
在線聯系:

Branding News

為您的品牌提供借鑒,提高自身審美水平!

3個適合網頁設計師的神奇新鮮工具

我喜歡關注每個不斷發展的單一用途網絡應用程序世界,這些應用程序專門用于使您作為網頁設計師的工作更輕松一些。今天我們將看看我最近發現的有趣和有用的三種工具。我們首先來看看Colllor,這是將單一顏色變成許多顏色的好方法。接下來我們將跳轉到Warp CSS并創建一些令人驚訝的CSS排版,你可能甚至認為不可能。最后,我們將查看Bear CSS,這是一種基于HTML快速生成入門樣式表的方法。讓我們開始吧!

我們要看的第一個新工具是Colllor,一個有趣的應用程序,可以幫助您為調色板添加一些變化。這里的概念很簡單:“將一種顏色變成另一種顏色。”讓我們看看它是如何工作的。

怎么運行的

第一步只是選擇一種顏色。獲取該起始顏色,輸入并點擊“選擇顏色”按鈕。您可以輸入十六進制代碼甚至標準命名顏色。或者,您可以點擊隨機顏色按鈕,只是為了給它一個試駕。從這里輸出相當令人印象深刻。你會得到四個水平條,里面裝有新顏色樣本可供選擇:陰影/色調,色調,混合等。您的原始顏色明確突出顯示以供參考。您將看到超過50個相關樣本,每個樣本都有很好的標簽,具有很酷的3D懸停效果,只需單擊一下即可復制到剪貼板。

我對Colllor的看法

我是色彩應用程序的傻瓜,這個吸引我立刻。它的設計和互動性非常好,足以讓尋找色彩成為一種非常愉快的體驗。我一開始有點困惑,為什么沒有包括生成互補色板等標準選項,但是有很多應用程序都有這個功能,我喜歡Colllor尋求獨特的方法。一般來說,為了找到單一顏色的不同色調,我使用0到255,但是,該網站往往非常緩慢。 Colllor既快又多功能。特別獨特的是“混合”選項,它允許您選擇兩種顏色,以查看兩者之間的各種顏色的漸變。另一個效果很好的是“復制到剪貼板”功能。許多顏色實用程序感覺需要在復制顏色時包含“#”,這對CSS很有用,但對Photoshop不好(CS6解決了這個問題)。現在,我更喜歡遺漏符號,這是Colllor采取的路線。


CSS Warp

CSS Warp是一個瘋狂的工具,允許您創建遵循復雜路徑的實時Web類型。該工具與Illustrator中的路徑類型功能非常相似,因此工作流程應該足夠熟悉,以便您快速獲取它。

怎么運行的

讓我們通過一個測試來看看它是如何工作的。你要做的第一件事是輸入一些文字。因為最終生成的代碼可能非常龐大(我們將在一分鐘內討論這個問題),所以我建議您保持簡短而甜蜜的文本。完成后,單擊“扭曲”按鈕。下一步是定義您的類型將遵循的曲線。這里的選項非常靈活,您可以定義自己的貝塞爾風格路徑或選擇一個圓圈。這些點默認創建圓形曲線,但應用程序底部有一個選項可將其更改為銳角。您可以在所有這些控件旁邊的小預覽窗口中進行成型。這會根據您所做的任何更改進行更新,因此您可以隨時準確地確定最終產品的外觀。您還可以定義有關字體的幾個選項,包括設置大小,行高,字距*和字體的功能。我喜歡您可以在此處選擇Google Web字體庫。您還可以選擇文本如何與路徑對齊。我在這里使用術語“字距調整”,因為這是實際應用程序中控件的名稱。它實際上是貼錯標簽,這個滑塊確實控制了類型的跟蹤。差異很重要。閱讀本文以獲取更多信息。

完成所有操作并按照您希望的方式輸入類型后,單擊預覽上方的“生成HTML”按鈕,以獲取要復制并粘貼到代碼中的文本片段。

關于CSS Warp的思考

我可以誠實地說,我從未見過使用實時網絡文本將這一技巧搞得很好的另一種工具。結果令人印象深刻,根本不是您想要手工完成的事情。我喜歡它,當開發人員主動突破網絡上的可能性并自由分配他們的工作時。我唯一真正的問題是完全脫離了開發人員的控制。 CSS和HTML實際上沒有用于沿路徑鍵入的內置功能,因此唯一的方法是將每個字母包裹在一個范圍內,然后獨立定位和旋轉字母。這會導致大量代碼難以理解。正如我所說,開發人員實在無法幫助,其他針對單個字母的工具(如Kern.js)也被迫以相同的方式工作。總的來說,我對整個應用程序的開發程度感到震驚。獲得您想要的效果非常容易,并且在此過程中有很多選項可供調整。還有一個JavaScript版本,你應該檢查。

Bear CSS

Bear CSS只做一件事:當你上傳HTML文件時,它會提供一個入門樣式表。它不能完成網頁樣式的工作,它只是讓你開始為你輸入明顯的樣式鉤子。

怎么運行的

Bear CSS并不需要您的任何思考或努力。事實上,您所做的就是上傳HTML文檔。上傳HTML文檔后,就可以點擊“下載CSS”按鈕了。我抓了一個隨機的文件,我只是為了測試它并收到以下輸出。

分享:

相關資訊

維仆在光電行業大放異...

  • 2019-04-04

一直以來,維仆網站設計公司始終堅信以技術驅動更好的設... 查看詳情

中小企業網站設計精巧...

  • 2018-09-12

企業網站設計成為企業發展和弘揚企業文化的另一種方式... 查看詳情

3個實際上你應該嘗試...

  • 2018-09-10

有很多設計規則陷入困境。更高級設計師提出的建議,設計... 查看詳情


聯系我們

  • 地址: 深圳市南山區前海路海岸時代東B座1920
  • 熱線: 0755-8672-1169
  • 直線: 137-2893-6255
  • Email: [email protected]
  • 周一 - 周五: 10:00 am - 7:30 pm
    周六 - 周日: 休整

服務優勢

2秒?極速開啟頁面 | 承諾服務期內網站?99.99%?安全可用 | 10?分鐘上手的傻瓜式后臺 | 定制前端,也定制后端,我們?專注?深度定制 | 絕對專業交付機制,禁止捆綁銷售

維仆高端網站建設設計和小程序定制開發公司成功為多家上市公司、集團企業成功設計并開發了微信小程序、品牌網站建設、高端網站設計網站建設深圳網站設計深圳網頁設計服務,并與多家企業達成了長期的戰略合作關系。

部分客戶

招商局集團、南山控股集團、中廣核集團、哈工大集團、保利集團、華大基因、富士康等大型集團上市公司,還包括愛帝宮母嬰集團、佳士科技股份有限公司、聯想、華僑城洲際大酒店、美媽匯產后修復中心、德林酒店、卡瑞登酒店、美萊醫療美容、深信服、日壇一號健身SPA會所、雷克沙高端儲存、皇庭廣場等。

所有客戶均有合同可追溯,嚴謹盜用!

30
在線咨詢
熱線

服務熱線
0755-8672-1169

微信
撥打電話
微信彩宝