Alat reka bentuk web bebas terunggul

Pengarang: Randy Alexander
Tarikh Penciptaan: 2 April 2021
Tarikh Kemas Kini: 16 Mungkin 2024
Anonim
Konsepnya Udah Selesai! 10 Proyek Transportasi Futuristik dan Tercanggih Di Dunia
Video.: Konsepnya Udah Selesai! 10 Proyek Transportasi Futuristik dan Tercanggih Di Dunia

Kandungan

Artikel ini pertama kali muncul dalam edisi 228 majalah .net - majalah terlaris di dunia untuk pereka dan pembangun web.

Freelancing dalam reka bentuk dan pembangunan web sering merupakan tindakan penyeimbangan. Anda mesti membahagikan masa dengan berhati-hati antara melakukan kerja, mendapatkan lebih banyak pekerjaan, dan memastikan anda mendapat bayaran untuk pekerjaan tersebut. Untuk setiap tugas ini, terdapat banyak alat - tetapi sukar untuk mengetahui sama ada anda menggunakan yang terbaik yang ada.

Kami meminta sebilangan pereka terkemuka untuk memberikan kegemaran mereka kepada kami, jadi anda dapat memastikan alat kelangsungan hidup anda setara dengan jetpack bersenjata laser berkuasa tinggi, dan bukan sempoa digital.

Dari segi pendekatan, dua metodologi berbeza jelas. Sebilangan orang, seperti pereka web bebas John Alex Jacob, memilih alat yang dikurangkan: "Cara saya berniaga telah banyak berubah tahun ini," katanya .net. "Saya telah berusaha untuk menjaga segala sesederhana mungkin untuk pelanggan dan saya, meningkatkan kecekapan dan mengelakkan gangguan yang tidak perlu semasa bekerja." Oleh itu, dia menganjurkan untuk meminimumkan apa yang dipasang di komputer anda.


Yang lain, bagaimanapun, menasihatkan untuk meneroka pelbagai aplikasi indie tunggal dan perkhidmatan dalam talian yang tersedia sekarang, untuk berpotensi meningkatkan produktiviti. Terlepas dari pendekatan anda sendiri, kami harap anda mendapat inspirasi dan alat baru yang menarik dalam pilihan yang disediakan oleh mereka yang kami ajak bicara.

Perancangan

Sebelum menghidupkan komputer anda dan mula melancarkan aplikasi dengan bersemangat, ingat semuanya tidak berputar di sekitar PC. "Saya banyak membuat sketsa menggunakan pen dan kertas, dan membingkai wayar di papan putih," kata "alat geek" yang diakui sendiri, Luca Candela, PM untuk alat di Sencha. Pereka laman web Tony Pollard bersetuju: “Dapatkan papan tulis dan sebilangan kecil penanda. Saya rasa terlalu banyak orang lupa bahawa kita tidak selalu memerlukan penyelesaian teknikal. Adakah kita benar-benar perlu merancang, merancang dan menggunakan wireframe menggunakan perisian? Ini kadangkala sesuai dengan projek, tetapi jika anda merancang sesuatu dengan betul, membuat catatan dan menentukan arah projek dengan jelas, banyak kerja dapat dilakukan dengan berkesan menggunakan teknik 'kuno'.

Sekiranya anda keliru mengapa notepad kertas tidak dihidupkan, Google Docs dan Balsamiq mungkin sesuai dengan anda. "Semasa strategi projek dan sesi sumbang saran, saya sering memulakan dokumen Google atau spreadsheet bersama untuk menangkap maklumat dalam masa nyata dan membantu memfokuskan perbualan," kata Mark Forscher, pengetua Under After. Dan pengarah kreatif Styles Webbin Bryan Werbinski menganggap Balsamiq sangat bagus untuk membuat prototaip pantas: "Antara muka membolehkan anda menyeret dan melepaskan elemen untuk membuat laman web tiruan, dan kelajuan yang dapat saya kerjakan sangat luar biasa. Hubungan antara pad lakaran dan komputer tidak ada. "


Reka bentuk grafik

Dalam soal reka bentuk grafik, Adobe Creative Suite mendominasi. Pereka dan pemaju Thomas Davis (dirancang olehthomas.co.uk) adalah peminat Illustrator: "Gaya saya cenderung ke arah reka bentuk minimalis, yang menggunakan bentuk, garis dan tipografi yang sederhana sebagai tumpuan - semuanya sangat mudah di Illustrator." Candela mengesyorkan Fireworks - "Alur kerja jauh lebih unggul daripada Photoshop untuk jenis barang yang anda perlukan untuk reka bentuk UI" - dan dia juga menyarankan LittleSnapper untuk merebut dan menguruskan skrin dan halaman web di Mac.

Tidak dapat dielakkan, mungkin, Photoshop tetap menjadi alat utama yang digunakan oleh freelancer untuk reka bentuk grafik pada projek web. "Saya terus bermaksud untuk meningkatkan kemahiran Illustrator saya, tetapi saya tidak mempunyai masa, dan saya tidak begitu pasti apa lagi yang perlu diperkatakan mengenai Photoshop ... sungguh, pilihan lain apa yang ada?" tanya pereka Seb Green.


Pollard menyatakan bahawa Photoshop juga cukup mahal, dan bercanda: "Tetapi isteri saya tidak mempercayai saya ketika saya memberitahunya bahawa GIMP adalah pakej perisian grafik percuma." Dan pereka laman web Anthony Killeen mengatakan bahawa sementara Photoshop tetap menjadi pilihannya untuk elemen reka bentuk, dia kini semakin bekerja secara langsung di penyemak imbas: "Saya cenderung untuk membuat mood atau arah dalam Photoshop. Walaupun ia bukan reka bentuk penuh, itu sudah cukup. Perancangan, UX dan wireframing semuanya dilakukan dengan menggunakan pen dan kertas, dan oleh itu saya membuat banyak reka bentuk sebelum saya sampai sejauh komputer saya. "

Penulisan Salinan

Untuk sebab tertentu, menulis adalah salah satu tugas di mana banyak freelancer nampaknya tidak menggunakan alat penjimatan masa yang khusus, walaupun kita juga terkejut melihat Microsoft Office raksasa yang kaku sebagai pilihan tepat tidak ada yang kita bicarakan. Agaknya, kos adalah faktor utama dalam hal ini, bersama dengan pereka web bebas jarang memerlukan kekuatan yang diberikan oleh produk Microsoft, oleh itu Dokumen Google menjadi alternatif yang sesuai, bersama dengan hujung topi yang aneh ke arah Apple's Pages.


Pereka dan pembangun Paul Mist sangat mengesyorkan iA Writer, penyunting teks yang cantik dan diperkemas untuk Mac dan iOS: "Saya bukan penulis terhebat di dunia, tetapi iA Writer membolehkan saya memfokuskan sedikit kemahiran yang saya miliki dengan membuang pilihan lain dan alat dan membiarkan saya meneruskan tugas yang sedang dijalankan. War and Peace 2.0, ini dia! " Bagi pengguna Windows, OmmWriter adalah serupa.

Untuk projek yang lebih maju yang merangkumi menyimpan nota, membuat salinan dari sumber yang berbeza dan mengekalkan semakan dan senarai perubahan, Scrivener adalah pilihan yang tepat. Editor serba boleh ini hanya menggunakan Mac, tetapi versi Windows kini sudah tersedia. Terlepas dari pilihan pengeditan teks anda, pemaju bebas Martin Wood mencadangkan melabur dalam alat pengembangan potongan seperti TextExpander untuk Mac atau PhraseExpress untuk Windows: "Berguna untuk menjimatkan masa menulis balasan freelance yang sering digunakan, seperti 'kadar tidak boleh dirundingkan'!"

Pengekodan

Untuk persekitaran pengekodan, nasihat kami adalah memuat turun demo banyak aplikasi, mencuba semuanya dan kemudian memutuskan mana yang paling sesuai dengan gaya anda. Beberapa diarahkan ke arah berorientasi teknikal, penuh dengan alat baris perintah dan pintasan papan kekunci, sementara yang lain lebih sesuai untuk pereka yang berminat untuk menggunakan sedikit HTML dan CSS sambil memberikan pengekodan lain kepada pemaju.


Di Mac, Espresso dan Coda sangat popular di kalangan mereka yang pernah kami ajak bicara. "Saya suka editor teks yang sederhana, tetapi bukan sesuatu yang benar-benar telanjang, oleh itu Espresso," alasan Green, yang juga bersemangat dengan penyorotan sintaks dan alat CSS. Perkara terakhir merangkumi fungsi dari CSSEdit yang dihentikan yang membolehkan anda meneroka CSS halaman dan menggunakan fail tempatan untuk menimpa laman langsung. Mist lebih kepada peminat Coda: “Mesra, mudah digunakan dan hebat. Saya suka alat coretan terbina dalam; ia mempercepat aliran kerja saya secara besar-besaran; dan kepanjangan memiliki pemalam, dan 'mod' untuk penyorotan sintaksis bermaksud alat anda dapat berkembang seiring dengan kemampuan anda. " Mist juga mengesyorkan Transit klien FTP, kerana "kemampuan penyegerakan yang luar biasa dan cara ia dapat memasang pelayan jauh sebagai cakera tempatan", dan Coretan, "cara terbaik untuk menyimpan, menyimpan dan menggunakan semula kod berharga anda, yang dapat anda segerakkan melalui Dropbox "

Di sisi Windows, Pollard bekerja dengan Notepad ++: "Saya menggunakannya untuk pengekodan sebanyak yang saya boleh, dan bagus untuk freelancer kerana percuma." Tpoll CTO Matt Squirrell lebih suka penyelesaian berbayar: “Saya kod alat web backend dan frontend dan phpDesigner 7 adalah salah satu dari beberapa IDE untuk PHP dan JavaScript yang menandakan semua kotak saya - debugger, sokongan SVN, petua kod untuk fungsi yang ditentukan pengguna, lompat -untuk pengisytiharan. Ia juga berpatutan, walaupun kemas kini phpDesigner 8 baru-baru ini mempunyai masalah, jadi elakkan sekarang! " Di ruang yang sama, Davis menyokong Komodo percuma: "Ia mempunyai integrasi perpustakaan yang cukup baik dengan Drupal, dan antara muka memudahkan untuk beralih antara projek yang berbeza."


Pengujian dan penyahpepijatan

Menurut Green, "Anda jangan sekali-kali bekerja di laman langsung, kerana jika ada yang tidak kena, anda telah merosakkan laman langsung". Itu agak logik, tetapi agak sedikit freelancer berorientasikan reka bentuk yang mahir dalam menyediakan pelayan. "Dan juga bergantung pada sambungan internet tidak pernah baik," tambah Green. "Inilah sebabnya mengapa saya menggunakan dan mengesyorkan penyediaan pelayan pengujian tempatan pada mesin tempatan - penyelesaian satu klik MAMP." MAMP direka untuk Mac yang menjalankan Snow Leopard atau Lion, tetapi setara Windows, WampServer, juga tersedia.

Ketika datang ke pengujian laman web, para freelancer tidak mempunyai pengurus yang mengagak mereka untuk menguji di pelbagai penyemak imbas, tetapi itulah yang perlu anda lakukan. "Pasang semua penyemak imbas yang tersedia," kata perunding digital bebas Michael Oglesby, yang menambahkan bahawa pengguna Mac juga harus melabur di Parallels Desktop untuk Mac atau VMware Fusion untuk diuji dalam penyemak imbas Windows. Dan seperti yang dicatat oleh Squirrell, penyemak imbas moden menyediakan lebih daripada sekedar persekitaran ujian: “Firebug… Chrome Console… IE Dev Tools… konsol penyemak imbas sering diabaikan ketika bercakap mengenai alat untuk kerja dev, dan mungkin yang paling berguna. Menghabiskan beberapa jam untuk belajar menggunakan konsol Chrome akan menjimatkan banyak masa, dan tab rangkaian sangat berharga untuk bekerja dengan Ajax. Sejujurnya saya tidak ingat bagaimana saya membuat kod apa-apa tanpanya. "

Tetapi memasang semua penyemak imbas desktop yang ada sekarang anda tidak cukup. Versi lama IE berkelakuan sangat berbeza dengan versi semasa, oleh itu bilangan freelancer yang mengesyorkan IETester, dan BrowserStack. Mengenai yang terakhir, Green bersemangat: "Hebat! Anda log masuk ke seting mesin maya untuk konfigurasi OS / penyemak imbas tertentu dan menguji laman web di dalamnya. Ia juga dapat menggunakan terowong untuk mengakses laman web yang tersimpan di mesin tempatan anda, yang berguna untuk menguji projek yang masih dalam pembangunan. "

Mudah alih menjadi semakin penting. Pembangun frontend, Paul Smith mencadangkan anda mengambil salinan Xcode dan Android SDK, untuk simulasi iPhone dan Android. Dan jika anda mempunyai sejumlah peranti, periksa Adobe Shadow, untuk mengedit kandungan pada Mac atau PC dan menontonnya semasa ia diperbaharui secara langsung pada peranti yang disambungkan.


Komunikasi

Pengasingan menjadi perhatian para freelancer, dan juga mudah untuk menagih bil telefon besar dengan berbual dengan pelanggan yang akan dilindungi oleh syarikat sekiranya anda seorang pekerja. Untuk isu terakhir, mulakan menggunakan Skype; untuk yang pertama, cuba cari rangkaian sosial yang memberi nilai tambah pada hari anda, dan bukannya hanya memakan masa anda. Twitter muncul sebagai rangkaian pilihan ramai. "Sangat bagus untuk berinteraksi dengan rakan, pereka dan pelanggan, dan olok-olok yang sedikit ramah pada siang hari membuat saya waras," tegas Killeen. "Dan Skype merangkumi saya untuk sembang-sembang pelanggan dan sesi sumbang saran dengan pereka dan pembangun lain."

Smith juga menunjukkan bahawa mereka yang menolak Twitter hanya sebagai tempat untuk berbual mungkin akan kehilangan peluang: “Sejak bebas, kebanyakan karya saya berasal dari Twitter atau dapat ditelusuri kembali. Ikuti orang yang mempunyai disiplin yang sama seperti anda dan secepatnya anda pasti akan meminta bantuan ketika seseorang sibuk atau agensi tempat mereka bekerja memerlukan sepasang tangan tambahan. Pada ketika itu, ia cukup baik dan tersedia! "


Namun, walaupun populariti Twitter, itu tidak akan menghalang anda untuk menjaring perkhidmatan sosial dan komunikasi lain yang mungkin lebih sesuai untuk tugas tertentu. Pereka antara muka web Matthew Morek adalah peminat Dribbble dan Zerply: "Tidak ada tempat yang lebih baik untuk mendapatkan inspirasi dan melihat beberapa pekerjaan terbaik daripada di Dribbble. Ini adalah komuniti yang hebat yang dapat membantu anda membuat beberapa kontrak hebat! Dan sekiranya ada yang menginginkan CV atau rsum saya, saya mengarahkannya ke Zerply. Anda dapat menetapkan profil yang baik dalam beberapa minit, dan ini membolehkan anda mengumpulkan penghargaan atas kemahiran dan pengetahuan anda. "

Perakaunan dan penyimpanan masa

Kategori alat terakhir kami adalah alat yang ingin diabaikan oleh banyak pereka dan pembangun, tetapi itu penting untuk berjaya: secara umum, "perkara perniagaan". Untuk tugas invois dan berorientasikan akaun, sebilangan kecil masih menggunakan aplikasi asli; Sebagai contoh, Jacob menyukai Bill aplikasi Mac, yang "mempunyai semua yang saya perlukan dalam satu pakej: penjejakan masa, sistem penginvoisan yang mudah dan bahagian laporan terperinci di mana anda dapat melihat semuanya dari ringkasan akaun hingga invois tertunggak dan butiran cukai".

Juga, seperti yang dia maklum, itu adalah pembayaran sekali sahaja dan bukan perbelanjaan berulang. Walau bagaimanapun, kebanyakan freelancer cenderung lebih suka menggunakan perkhidmatan dalam talian, seperti pengurus projek yang terlibat ProjectBubble, alat penginvoisan sederhana Blinksale, perisian penginvoisan perniagaan kecil yang terkenal, FreeAgent, dan alat pengesan masa dan invois yang popular Harvest.

Forscher adalah peminat besar Harvest: "Antaramuka mati sederhana. Dan kerana saya mengusahakan banyak projek dalam satu masa, saya suka bahawa saya dapat mengesan masa dengan mudah oleh pelanggan dan perkhidmatan. " Smith juga menganggapnya sebagai pilihan yang baik: “Rapi dan kemas. Dalam empat tahun saya menggunakannya, ia terus bertambah baik. Ia hebat tetapi senang digunakan, dan saya menggunakannya untuk mencatat jarak tempuh dan perbelanjaan serta menghantar dan mengawasi invois. "


Sebagai tambahan kepada Harvest, Forscher juga menggunakan akauntan tradisional, tetapi yang lain melakukan lompatan kepada perkhidmatan hibrid seperti Crunch. "Saya menggunakan ini untuk perakaunan saya, invois, dan cukai, dan pembentukan syarikat, dan ... baik, anda mendapat idea: Saya menggunakan satu perkhidmatan," kata Mist. "Ini adalah perkhidmatan langganan bulanan yang menyediakan anda dengan rangkaian alat dalam talian yang lengkap untuk mengekalkan akaun perniagaan, invois dan perbelanjaan anda. Semuanya diselaraskan oleh pasukan akauntan Crunch, yang boleh anda akses sepenuhnya. Ia bernilai setiap sen. "

Penerbitan Segar
Kekacauan digital Eric Chan
Baca Lebih Lanjut

Kekacauan digital Eric Chan

ejak memenangi Anugerah Kecemerlangan dalam Pameran i wazah eni Komputer 2009, arti multidi iplin yang berpangkalan di New York, Eric Chan telah teru meneru mengukir jajarannya dalam indu tri kreatif...
Buat watak menggunakan penanda Copic
Baca Lebih Lanjut

Buat watak menggunakan penanda Copic

Copic Marker muncul di radar aya hampir dua tahun yang lalu dan ejak itu aya tidak menoleh ke belakang. Ketika aya memulakan laman In tagram aya, dan pengikut aya dapat melihat bagaimana kolek i lima ...
Hidupkan jenama runcit baru
Baca Lebih Lanjut

Hidupkan jenama runcit baru

alah atu pening kepala yang paling be ar ketika mengumpulkan per embahan kreatif untuk jenama baru adalah memutu kan bagaimana membuat pelbagai aplika i identiti, untuk menunjukkan kelua an jenama eb...