Godzilla. 2016-11-16
網(wǎng)站建設(shè)
網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)的新技能
知道要專注于什么以保持你的網(wǎng)站設(shè)計是高效的、利于用戶體驗的,本文為大家分享一些網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)的新技能。
1、重新發(fā)現(xiàn)基礎(chǔ)
我們不要忘記基礎(chǔ):HTML,CSS和Javascript是網(wǎng)絡(luò)的核心構(gòu)件。正確地理解他們是重要的。今年在貝爾法斯特藝術(shù)學院,除了核心設(shè)計原則,我一直在教授基本的HTML,CSS和Javascript的原則。
在我的教學中,我解釋了HTML是一個設(shè)計元素。我們可以在標記層做很多事情,我們應(yīng)該按照我們的內(nèi)容這樣做。理解CSS是重要的,之前擁抱像Sass這樣的工具,抽象它 - 同樣適用于Javascript。知道依賴的成本,如jQuery插件和其他庫和框架。保持你的HTML,CSS和Javascript緊,依賴依賴只有當你需要。摩恩網(wǎng)絡(luò),專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷等產(chǎn)品服務(wù),新上線企業(yè)VI設(shè)計套餐和網(wǎng)站營銷推廣系統(tǒng)(強),歡迎新老顧客前來咨詢!
2、布局技術(shù)
網(wǎng)頁設(shè)計的新技能:布局技術(shù)
我們?nèi)绾卧谖覀兊囊暱谥胁贾脰|西正在發(fā)展。這里有令人興奮的發(fā)展 - 特別是靈活框布局模塊和CSS網(wǎng)格布局,熟悉這些,你將能夠創(chuàng)建細微,響應(yīng)的布局,完美的RWD和界面設(shè)計。
CSS網(wǎng)格布局看起來同樣有趣。如果你剛剛開始,我建議學習CSS布局。這將帶你通過布局原則在一個容易跟隨的方式,所以你可以確保你的技能是最新的。
3、模塊化設(shè)計
網(wǎng)頁設(shè)計的新技能 - 模塊化設(shè)計
隨著屏幕尺寸的增加,我們設(shè)計的上下文正在改變。我們需要的是能夠適應(yīng)任何環(huán)境的“內(nèi)容構(gòu)建塊”。學習內(nèi)容的模塊化,可重用的片段作為設(shè)計的基礎(chǔ),有助于我們創(chuàng)建適合任何情況的內(nèi)容,這是一個強大的技能。
4、印刷原則
網(wǎng)頁設(shè)計的新技能 - 印刷原則
“網(wǎng)絡(luò)上95%的信息都是書面語言,”信息架構(gòu)師Oliver Reichenstein說。 “這是合乎邏輯的說,一個網(wǎng)頁設(shè)計師應(yīng)該在塑造書面信息的主要學科得到良好的訓練。換句話說,排版。
話雖這么說,排版的原則 - 特別是應(yīng)用于網(wǎng)絡(luò) - 是我認為我們都可以站在更多地了解。偉大的排版提高了讀者對內(nèi)容的欣賞;我們都應(yīng)該努力。
5、動畫原理
在我們設(shè)計的界面中越來越期望動畫。微妙的動畫和互動,使用得很好,可以是應(yīng)用程序或網(wǎng)站之間的區(qū)別,感覺原生,無縫和有吸引力的。
了解支持動畫的原則 - 如時間,寬松和空間意識的想法 - 變得越來越重要。 有很多可以從這里學習,但我建議從迪斯尼的工作開始。
有許多有用的工具,允許您在交互設(shè)計上下文中處理動畫,并且探索這些將對設(shè)計師變得越來越有幫助。 像After Effects,framer和Atomic這樣的工具將成為設(shè)計師工具箱中的寶貴部分。
但要強調(diào)的一個關(guān)鍵點是,動畫應(yīng)謹慎使用。 畢竟,正如Sophie Paxton博客所說,“你的UI不是一部迪斯尼電影”。
6、性能
網(wǎng)頁設(shè)計的新技能 - 性能
我強烈建議花一些時間開發(fā)你的網(wǎng)站性能:學習圖像壓縮;專注于保持您的HTML,CSS和Javascript精益求精;減少重量依賴等。所有這些事情都很重要,尤其是由于對移動消費模式的不斷轉(zhuǎn)變,其中帶寬昂貴。
文章標簽:
網(wǎng)頁設(shè)計技能
文章評論: