<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    7個好用的老式網(wǎng)站設計工具發(fā)布者:本站     時間:2019-11-13 10:11:39

    網(wǎng)站設計是一個不斷發(fā)展和創(chuàng)新的行業(yè),這意味著每個月都會有很多新的網(wǎng)站設計工具發(fā)布。雖然這些先進的工具可以滿足網(wǎng)站設計專業(yè)人員的最新需求,但仍然有一些較老的工具被證明是非常有用的。


    為了發(fā)掘多年來好用的網(wǎng)站設計應用程序,為大家介紹7位網(wǎng)站設計專家,找出他們離不開的那些老式工具。雖然這些工具可能看起來有點基礎或太老了,但它們?nèi)匀淮嬖谑怯性虻模阂驗樗鼈冋娴暮芎谩K?,如果你想要改變你的工作流程,一定要自己去看看試試?


    01.草圖


    把你的想法寫在紙上


    如果你是一個UX或UI設計師,需要把他們的想法變成草圖,Sketchize可能是個不錯的選擇。這個網(wǎng)站提供了草圖,幫助網(wǎng)站設計師為移動設備、平板電腦和桌面設備創(chuàng)建應用程序。簡單打印出相關的表格,你就有了一個線框基礎,就可以開始畫草圖了。


    對于GIS應用系統(tǒng)分析師Carolyn Novak來說,Sketchize是她為新網(wǎng)站創(chuàng)建線框的首選工具。她還會用貼在辦公室墻上的便利貼來整理內(nèi)容,然后再用HTML進行模擬。她承認:“這是一個非常古老的過程,尤其是在可以使用現(xiàn)代工具的情況下?!?


    02.notepad++


    適合初學者


    免費的源代碼編輯器notepad++最早是在2003年開發(fā)的,但是現(xiàn)在仍然很強大。這是因為它仍然是教育初級網(wǎng)站設計人員學習標記基礎知識的好工具。


    據(jù)烏節(jié)(Orchard)設計主管安德魯·明頓(Andrew Minton)稱,它也是一個有用的方法來嚇走后進入一種虛假的安全感,Dreamweaver的喜歡令人困惑的問題。他補充說:“我的建議是學習基礎知識,從一個空白頁和編織數(shù)碼夢想從頭開始!”


    03.崇高的文字


    說到代碼編輯器,Sublime文本仍然是有用的。Sublime Text最初開發(fā)于11年前,是一個專有的跨平臺源代碼編輯器,擁有Python應用程序編程接口。


    除了本地支持多種編程和標記語言外,Sublime Text的功能還可以通過社區(qū)構建的插件進行增強。但是對于斯蒂芬·布德羅來說,崇高文本成功的秘訣在于它的簡單。


    他說:“有時,新工具增加了復雜性或額外的步驟,似乎只會使事情變得更復雜?!薄氨3治业墓ぞ呒暮唵魏土骶€型(盡管是老派的)讓我不必不斷學習新軟件就可以學習新技術。”


    04.保存為web


    正如它的名字所暗示的,Photoshop的Save For Web (Legacy)是一種更古老的保存Web圖形的方法,但這并不意味著它不再有用。盡管作為工具的Export在2015年取得了成功,但是Save For Web (Legacy)仍然被很多人使用,包括Narrative industries的設計總監(jiān)Alec East。


    為Web的持續(xù)流行而保存的部分關鍵在于,它是尋找小文件大小和壓縮得可怕的圖像之間的最佳點的理想工具。


    伊斯特說:“但我真的很懷念《Save for Web》中對gif動畫的支持?!薄霸赾inemagraphs和圖形橫幅中調(diào)整位深的能力,使它們足夠小,可以快速加載:我不愿意在短期內(nèi)放棄它!”


    05.WebPageTest


    雖老但很好


    一個老的,但一個好,WebPageTest是一個方便的方式來檢查你的網(wǎng)站的性能速度。它可能不適合每個人,特別是有很多閃亮的新選擇,但是為什么不喜歡一個幫助人們了解他們的情況的工具呢?


    對于Monzo的工程經(jīng)理Sally Lait來說,WebPageTest是一個非常寶貴的工具,她經(jīng)常與其他的經(jīng)典工具合作,比如WAVE,甚至W3C的HTML/CSS驗證器。


    “我真的很高興網(wǎng)絡的發(fā)展和標準意味著這些仍然是相關的和有用的,”Lait說?!白鳛橐环N內(nèi)疚的樂趣,我也仍然有無可比擬的安裝,盡管不記得上次我FTPd!”


    06.文件傳輸協(xié)議


    記得上一次FTPd的人是自由設計師和開發(fā)人員Sush Kelly,對于非初始的FTP,即文件傳輸協(xié)議,是一種標準的網(wǎng)絡協(xié)議,用于在計算機網(wǎng)絡上的客戶機和服務器之間傳輸計算機文件。


    但是隨著網(wǎng)站變得越來越復雜,老式的將文件拖放到服務器上的方法已經(jīng)不再適用了。但這并不意味著凱利完全避免這樣做。


    “構建工具允許我們將我們的更改推送到服務器,知道所有的文件都將被發(fā)送到正確的目錄,而且肯定是正確的服務器,但仍然有一些奇怪的情況,我會通過FTP客戶端手動上傳一些文件?!?


    07.鉛筆和紙


    沒有比鉛筆和紙更老式的工具了,但這正是自由網(wǎng)站設計師和開發(fā)人員Robert Fenech在每個項目開始時使用的方法。


    “它只是幫助我充實頁面的外觀和感覺,而不是浪費時間在草圖或Adobe XD上,”他透露。


    鉛筆的流暢性意味著網(wǎng)站設計師可以快速地構建一個結構,這是使用Sketchize的最佳工具。



    選擇我們,優(yōu)質服務,不容錯過
    1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
    3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>