管是零基礎小白,還是已經入行學設計的年輕人,在學習UI的路上,難免深受這些難題的困擾:
◆ 如何才能成功進攻UI行業(yè)呢?
◆ 零基礎怎樣學習才能更快入門、學起來更有效率?
◆ 怎么確保自己學到的是市場需求的?
本周,我們貼心的做了一個學習線路圖(全鏈路UI/UE設計)。
英雄,LOOK:
關注回復“UI”即可免費獲取全鏈路UI/UE設計全套視頻!
然并卵,很多人還是一頭霧水……我們先對每階段課程做個簡單介紹:
人的生命是有限的,學習知識是無限的,要把有限的生命用在必要的知識學習上。并非每位學習者都想成為UI設計師,你可能不需要學習全部視頻。我們根據不同的學習目的,給大家一個學習建議。
想了解UI,零基礎入門的興趣性學員。無明顯就業(yè)需求,只想了解設計基礎內容,建議先學習以下內容:
學習成就:成為初級插畫師(主要掌握線下素描、線下彩鉛等)
可從事職位:初級插畫師
學習成就:成為初級設計師
(主要掌握物料設計、Photoshop軟件基礎等,設計工具與品牌形象設計)
可從事職位:平面設計師/平面廣告設計師/網站美工/包裝設計師/展會設計師/畫冊設計師
工作中需要UI進階相關知識的學員。學習主要目的不是為了系統(tǒng)掌握UI設計,而是為了應對工作中出現的問題,建議學習以下內容:
學習成就:成為初級Web前端工程師、UI設計師(主要掌握Web網頁設計、不同風格banner設計、三維設計、網頁靜態(tài)布局等等)
可從事職位:運營設計師、網站設計師、網站美工、推廣設計專員、電商設計師、淘寶天貓店鋪裝修設計師、專題設計師、視覺設計師、初級Web前端工程師、UI設計師
如果你希望在短時間內晉升高級UI設計師,建議重點掌握我們下述的課程:
學習成就:成為高級UI設計師(主要掌握圖標設計與應用、移動端規(guī)范與頁面設計、產品開發(fā)流程與軟件應用)
可從事職位:UI/UE設計師、產品專員、高級UI設計師、全鏈路設計師
學習成就:成為高級UI設計師、全鏈路設計師(主要掌握HTML5頁面推廣、After Effects軟件與交互、智能穿戴與后臺管理系統(tǒng)、Sketch軟件基礎與應用)
可從事職位:交互設計師、視覺設計師、高級UI設計師、全鏈路設計師
回復“UI”即可免費獲取全鏈路UI/UE設計全套視頻!
TML5中,不僅增加了很多的表單元素,同時也增加和改良了可以應用在整個頁面中的元素。下面為大家介紹常見的幾個html5中頁面元素。
figure元素和figcaption元素
figure元素是元素組合,帶有可選標題。figure元素用來表示網頁上一塊獨立的內容,將它從刪除后不會對網頁上的其他的內容造成任何影響。figure元素所表示可以是圖片、代碼統(tǒng)計或者示例,也可以用于視頻插件、音頻插件。figure元素支持accesskey、class、contenteditable、contentmene、date-*、draggable等html5全局屬性,figure元素支持onafterprint、onbeforeprint、onbeforeunload、onerror、onload等事件屬性。
figcaption元素
figcaption元素表示figure元素的標題,它從屬于figure元素,在figure元素內部書寫,在figure元素的從屬元素的前面或者后面。建議一個figure元素放置一個figcaption元素,可以放多個其他的元素。
details元素
details元素可以代碼javascript部分功能(畫布局部區(qū)域展開或收縮的方法),不建議使用這個功能,因為部分瀏覽器不支持details元素。sunmary元素從屬于details元素,鼠標點擊sunmary元素中的內容文字時,details元素中的元素會展開或者收縮。如果details元素內沒有sunmary元素,瀏覽器會提供文字供點擊,瀏覽器為提供一個諸如上下箭頭之類的圖標,標示區(qū)域可以被搜索或者展開。details元素可以設置open屬性,打開details元素所表示的局部區(qū)域處于展開狀態(tài)。details元素內不僅可以放置文字,也可以放置表單、插件或對于一個統(tǒng)計圖提供的詳細數據表格。
mark元素
mark元素用于突出或者高亮顯示,對于用戶有重要參考作用的一段文字,使用mark元素通常是為了引起讀者注意,因為標出來的文字與用戶的當前操作有關,通常該元素對于當前用戶具有很好的幫助作用。mark元素對原文內容具有補充作用的元素,它應該用于一段原文作者不認為重要,但為了與原文內容具有補充作用的一個元素。在全文檢索某個關鍵詞顯示的結果經常用到mark元素,現在許多搜索引擎用其他方法實現了mark元素所要達到的功能。
關于html5新增的頁面元素還有很多今天就先聊到這,每天學習一個知識點,每日寄語-“是非天天有,不聽自然無。”
是一名正在尋找 Adobe 的替代品的 Linux 用戶嗎?那你不是一個人。 -- Toni Matthews-el
本文導航
-Evince (Adobe Acrobat Reader) …… 08%
-Pixlr (Adobe Photoshop) …… 17%
-Inkscape (Adobe Illustrator) …… 27%
-Pinegrow Web Editor (Adobe Dreamweaver) …… 35%
-Scribus (Adobe InDesign) …… 44%
-digiKam (Adobe Lightroom) …… 53%
-Webflow (Adobe Muse) …… 60%
-Tupi (Adobe Animate) …… 69%
-Black Magic Fusion (Adobe After Effects) …… 78%
-總結 …… 89%
編譯自: https://www.maketecheasier.com/adobe-alternatives-for-linux/作者: Toni Matthews-el
譯者: geekpi
你是一名正在尋找 Adobe 的替代品的 Linux 用戶嗎?那你不是一個人。如果你是一個狂熱的平面設計師,那么你可能很擅長避開昂貴的 Adobe 產品。不過,對于 Adobe 來說,Linux 用戶通常是其支持最不利的。因此,Adobe 的替代品是必須的 —— 但是最好的選擇是什么?
這最終要看具體的 Adobe 程序和你希望完成的事情。幸運的是,由于需求是所有發(fā)明之母,有人響應了這些號召。其結果是出現了一系列高效的 Adobe 替代品。
就像 Adobe Acrobat Reader 一樣,Evince[1] 是一個“支持多種文檔格式的文檔查看器”。例如,用戶可以使用 Evince 作為 PDF 查看器。它還支持各種漫畫書格式(cbr、cbz、cb7 和 cbt)。你可以在 Evince 網站上找到支持格式的完整列表[2]。
對于 Evince ,Linux 用戶不用高估,也不用貶低,它就是個標準的查看器。你可以在需要時前往官方網站進行更新。
關于 Pixlr[3] 的很棒的一點是這個 Adobe 替代品的各種工具可以在線獲得。如果你有一個互聯網連接,那么你就有一個強大的圖像編輯工作區(qū)。
Pixlr Editor[4] 是 Photoshop 的一個功能強大的替代品,你可以使用圖層和相關效果。它還有一些漂亮的繪圖和顏色編輯工具。Pixlr Express[5] 沒有這么多功能,因為它主要用于圖像增強、調整顏色和清晰度,并增加一些 Instagram 適用的效果!
你可以通過 Pixlr 完成的任務簡直不可置信,而且完全免費的。
Inkscape[6]是另一個值得推薦的免費 Adobe 替代品。它主要作為一個“專業(yè)的矢量圖形編輯器”。除了 Illustrator,Inkscape 也與 Corel Draw、Freehand 和 Xara X 的功能差不多。
它的矢量設計工具可用于制作 logo 和“高可伸縮性”藝術品。Inkscape 包含繪圖、形狀和文本工具。圖層工具允許你鎖定、分組或隱藏單個圖層。
Pinegrow Web Editor[7] 是 Dreamweaver 在 Linux 上的絕佳替代品。該程序可讓你在桌面上直接制作 HTML 網站。
不僅是使用代碼創(chuàng)建(而且需要稍后預覽),Pinegrow 可以提供詳細的可視化編輯體驗。你可以直接查看和測試你的 HTML 項目,實時了解鏈接是否正常工作,或者圖片是否在它該在的地方。Pinegrow 還附帶了 WordPress 主題構建器。
免費試用 30 天。如果你喜歡,你可以一次性支付 購買。
Scribus[8] 可能是最接近 Adobe InDesign 的替代品。根據開發(fā)者的說法,你應該認真考慮使用[9]Scribus,因為它是可靠和免費的。
實際上,Scribus 不僅僅是一個出色的桌面出版工具,也是一個很好的自出版工具。當你可以自己做高質量的雜志和書籍時,為什么要依靠昂貴的商業(yè)軟件來創(chuàng)建?Scribus 目前允許設計師使用一個 200 色的調色板,下一個穩(wěn)定版中承諾將會加倍顏色數[10]。
digiKam[11] 也許是目前 Linux 用戶最好的 Lightroom 替代品。功能包括導入照片、整理圖片集、圖像增強、創(chuàng)建幻燈片等功能。
它的時尚設計和先進的功能是真正用心之作。實際上,digiKam 背后的人是攝影師們。不僅如此,他們希望在 Linux 中完成在 Lightroom 能做的任何工作。
Webflow[12] 是另一個可以證明你無需下載軟件而可以完成很多事的網站。這是一個非常方便的 Adobe Muse 替代品,Webflow 是創(chuàng)建高響應式網站設計的理想選擇。
Webflow 的最好的一方面是你不需要自己編寫代碼。你只需拖放圖像并寫入文本。Webflow 為你做了所有雜事。你可以從頭開始構建網站,也可以使用各種模板。雖然是免費的,但是其高級版本還提供了額外的功能,如能夠輕松地導出 HTML 和 CSS 以在其他地方使用。
Tupi[13] 是 Adobe Animate 的替代品,或者也可以用于那些不太熱衷于 Flash 的人[14]。當然,Tupi 的作者說這并不是與 Flash 競爭。然而,其使用 HTML5 的能力使其成為了理想的替代品。
在 PC 或平板電腦上繪制 2D 動畫。不確定如何開始?使用網站的 YouTube 教程[15]了解如何制作剪貼畫動畫以及更多。
Black Magic Fusion[16] 注定是 Adobe After Effects 的替代者。這個視覺效果軟件歷經了大約 25 年的開發(fā)!Fusion 通常用于在好萊塢電影和電視節(jié)目中制造令人印象深刻的效果 —— 這靠的是其豐富而時尚的功能。
Fusion 通過使用節(jié)點,即那些“代表效果、過濾器和其他處理的小圖標”工作。將這些節(jié)點連接在一起,創(chuàng)建一系列復雜的視覺效果。該程序包括許多功能,如圖片修飾、對象跟蹤和令人興奮的 3D 效果。
你可以選擇免費版或者 5 的 Fusion Studio。為了幫助你決定,你可以比較[17]免費和高級版的 Fusion 功能。
如你所見,這些遠不止于是 Adobe 替代品。由于開源的緣故,顯著提升的替代品的不斷地發(fā)布。我們很快就會看到一個僅為 Linux 用戶創(chuàng)建的完整套件。在此之前,你可以隨意選擇這些替代品。
知道這里沒有提到的其它有用的 Adobe 替代品嗎?在下面的評論區(qū)分享軟件建議。
via: https://www.maketecheasier.com/adobe-alternatives-for-linux/
作者:Toni Matthews-El[18] 譯者:geekpi 校對:wxy
本文由 LCTT 原創(chuàng)編譯,Linux中國 榮譽推出
*請認真填寫需求信息,我們會在24小時內與您取得聯系。