نسل بعدی ابزارهای طراحی وب

محتوا

• دیگران پیشی گرفته اند
• یک صنعت جدید
• نرم افزار اولیه
• ممنون از Flash
• تغییر الگو
• مراحل بعدی
• ظهور موزه
• بازیکنان دیگر
• Google Web Designer
• وب سایت هایی که وب سایت می سازند
• اهمیت برنامه ریزی

پس از 20 سال از تکامل وب ، ابزارهای وب همچنان به راحتی برنده مسابقه برای بدترین ابزار تولید در هر گروه هستند.

این مثبت ترین یا مطلوب ترین روش برای شروع مقاله در مورد ابزارهای طراحی وب نیست. اما این یک صادقانه است. در مورد آن فکر کنید وب عمومی و اولین مجموعه ابزار آن در سال 1994 - 20 سال پیش اکنون آغاز به کار کرد. (وب غیرعمومی که دولت آمریکا ، مراکز تحقیقاتی و دانشگاهها از آن استفاده می کردند ، دهها سال است که وجود دارد). آیا احساس می کنید ابزاری که امروز در اختیار ماست ، منعکس کننده 20 سال تلاش است؟

به طور جدی ، آیا تعداد زیادی کار وجود ندارد که دوست داشته باشید انجام دهید و هنوز هم نمی توانید انجام دهید؟ آیا مواردی وجود ندارد که شما بخواهید قادر به انجام آنها باشید ، در واقع شما مدتها است که آنها را فراموش کرده اید؟

دیگران پیشی گرفته اند

یک مقایسه سریع: انتشار نسخه دسک تاپ ، که ابزارهای آن بسیار پرداخته شده است ، با انتشار Aldus Pagemaker در سال 1986 فقط هشت سال زودتر از وب به جهان معرفی شد. حتی ویدیوی دیجیتال ، با Adobe Premiere در سال 1991 به دنیا معرفی شد ، فقط یک شروع سه ساله از ابزارهای وب داشت. و با این وجود مدتهاست که ابزارهای ویدئویی بسیار جلا داده می شوند.

پس چرا این دسته دیگر خیلی جلوتر از توسعه بازار وب بوده اند؟ چرا جریان کار چاپ و نشر چاپی برای سالهای زیادی عالی بوده است ، مانند ابزارهای بازار ویدیو ، و با این وجود فناوری وب بسیار پراکنده است؟

در واقع دلایل زیادی وجود دارد. در این مقاله ، موارد اصلی را بررسی خواهم کرد - و سپس خبر خوب (برخی از آنها وجود دارد ، بنابراین تحمل کنید).

یک صنعت جدید

در حالی که انتشار چاپ دیجیتال و فیلم هر دو جدید هستند ، اما حداقل در دنیای واقعی دارای موازات و سابقه ای هستند که ابزارهای دیجیتالی از آن راهنمایی می گیرند ، حتی اصطلاحات. و برای انتشار چاپ ، ما در حال صحبت کردن با یک تاریخ 500+ ساله از روزهای گوتنبرگ هستیم.

برای مقایسه ، وب چیز جدیدی بود. هرگز هیچ چیز غیر دیجیتالی معادل وجود ندارد که بتوان از آن جهت گرفت. (علی رغم اینکه راه توسعه وب ، تلویزیون مقدمه وب نبوده است ، ممکن است مدت کوتاهی از این به بعد ظاهر شود.)

دلیل معتبر دیگر: وب هدف اصلی نیازها و مشخصات بوده است. چیزهایی که امروز از وب می خواهیم - بانکداری ، خرید ، پخش جریانی فیلم و ارتباطات از راه دور - همه 15 سال پیش کاملاً علمی به نظر می رسیدند. وب بارها و بارها به سرعت تکامل یافته است ، به زودی متوجه شدیم که اصطلاحات "وب 2.0" وجود دارد و از این قبیل حتی قبل از واقعی شدن قدیمی شده اند.

در حالی که همه چیز تغییر می کند - به ویژه فناوری - به نظر می رسد هیچ چیزی به سرعت توسعه وب پیش نمی رود. درست همانطور که در حال جلب رضایت خود با یک روند کار راحت و راحت بودید (روشی که سرانجام هم کارمندان و هم مشتریان شما از آن خارج می شوند!) ، قوانین بازی یک بار دیگر روی شما تغییر می کند. و هر بار که این کار را انجام دهند ، ما بار دیگر انگشتان خود را عبور داده ایم و به بهترین ها امیدوار شده ایم.

نرم افزار اولیه

گزینه های اولیه نرم افزار برای توسعه وب سایت ها با توجه به استانداردهای امروز پیش از تاریخ هستند. بسته های زیادی وجود داشت که بسیاری از آنها تبلیغ می کردند "آنچه می بینید همان چیزی است که دریافت می کنید" (WYSIWYG) ، اصطلاحی که چند روز زودتر از روزهای انتشار دسک تاپ گرفته شده است. و مانند بسته های اولیه DTP ، WYSIWYG دارای موفقیت های مختلفی بود.

آنچه که بخشی از این معامله بود ، "توسعه" توسعه یک وب سایت بود. همه آن چیزهای زیر پوشش به خوبی برای تولید وب پنهان نبودند. و این چیزی بود که بیشتر طراحان به آن عادت نداشتند. ما خود را با چیزهایی مانند Cascading Style Sheets (CSS) ، JavaScript ، HTML پویا و تعداد زیادی از سردرگمی های دیگر درگیر کردیم. این هرگز چیزی نبود که برای آن امضا کردیم!

این همه به بسته های نرم افزاری پیشرو در صنعت مانند GoLive تبدیل شد ، که مدتی بسته را هدایت می کرد ، و به زودی توسط Adobe خریداری شد. تقریباً همزمان ، برنامه جدیدی به نام Dreamweaver شروع به تسخیر بازار کرد. بنابراین ، البته ، Adobe به زودی آن را نیز خریداری کرد.

و در حالی که هر بسته مزایا و معایب خود را داشت ، هر یک به طیف وسیعی از توانایی برنامه نویسی نیز نیاز داشتند. (Adobe دارای یک توالی طولانی از برنامه های مرتبط با وب است که می آیند و می روند ، از جمله PageMill ، SiteMill ، ImageStyler ، LiveMotion ، Fireworks و غیره)

ممنون از Flash

طراح در آن روزهای ابتدایی وب چه کاری انجام می داد؟ خدا را شکر برای Flash! در حالی که اکنون هنوز به آرامی از صحنه وب دور می شود ، Flash تقریباً همان چیزی بود که هر طراح می توانست درخواست کند. به ما این امکان را داد که یک مورد از متن یا هنر را در موقعیت خاصی قرار دهیم و مانند دنیای چاپ بدانیم که همان جایی که قرار داده ایم باقی خواهد ماند. این قابلیت ساده ، که ما طراحان همیشه قبلاً داشته ایم ، چیزی نبوده که HTML و امثال آن مجاز باشد.

در حالی که می توان رابط کاربری Flash را کمی منحصر به فرد دانست ، به طراحان این امکان را می دهد که با طراحی کم و یا بدون برنامه ، کار طراحی خارق العاده ای را تولید کنند. و اگر یک طراح می توانست روحیه خود را یاد بگیرد تا کمی از زبان کد ActionScript Flash را یاد بگیرد ، پس تقریباً همه چیز ممکن بود.

و در صورت نیاز به کد پیچیده تر ، طراح می توانست کار خود را انجام دهد و سپس به یک رمزگذار تحویل می دهد و می داند که آنچه طراحی شده است ، همچنان طراحی می ماند.

پس از سالها دفع نادان گفتن ، یک مرد کلاهبرداری را مجبور کرد تا فلش را بکشد: استیو جابز. با موفقیت چشمگیر iOS و امتناع وی از اجرای Flash در مرورگر خود ، Flash دیگر یک راه حل گسترده در بازار نبود و Adobe پایان توسعه Flash در مرورگرهای تلفن همراه را در سال 2011 اعلام کرد.

ما طراحان بار دیگر راهی برای تولید محصولات قابل پیش بینی که وابستگی زیادی به کدگذاری پیشرفته نداشته باشند ، نداشتیم. HTML5 ، جایگزین احتمالی ، این بسته شسته و رفته Flash نبوده است ، و حتی برنامه ای مانند Dreamweaver معمولاً به یکی از آن نیاز داشت تا حداقل برخی از HTML ، CSS ، PHP و سایر زبانها را یاد بگیرد.

تغییر الگو

گذشته از این فناوری ، یک تغییر الگوی ذهنی بین طراحان وجود دارد که باید در اینجا ذکر شود. این شکاف زیبایی شناختی عموماً بین کسانی است که در رسانه های دنیای قدیم برشهایشان را قطع می کنند ، در مقابل آنهایی که در رسانه های جدید این کار را انجام می دهند (که اکنون اصطلاحی قدیمی است).

این نژاد جدید از طراحان از مفاهیم اساسی مانند طراحی صفحه بدون جریان به عنوان یک اثر باستانی و قدیمی دیدن می کند و در نهایت ، احتمالاً از این نظر حمایت می کند که همه سایت ها باید از نظر طراحی کاملاً پاسخگو باشند. این نژاد جدید علاوه بر مهارت های طراحی ، احتمالاً می تواند برنامه ریزی مناسبی داشته باشد ، اگرچه برتری در هر دو منطقه در واقع یک پرنده نادر است.

برای مقایسه ، این ایده که طراحی صفحه بر اساس اندازه پنجره تغییر مکان می دهد ، هم طراحی و هم عملکرد آن را بر اساس مرورگر مورد استفاده یا سیستم عامل (دسک تاپ / تبلت / تلفن) تغییر می دهد ، به سادگی برای رسانه های دنیای قدیم دلهره آور است.

و در حالی که من این تغییر زیبایی را به سن نسبت می دهم ، در حقیقت طراحان جوان بسیاری وجود دارند که به صفحه ایستا تری فکر می کنند و مایل به طراحی ارتباطات قابل پیش بینی تر هستند.

بنابراین با Flash که دیگر گزینه ای نیست ، همه این طراحان چه کاری باید انجام دهند؟

مراحل بعدی

دو سال گذشته برای ما طراحان با پروژه های وب گیج کننده بوده است. ما دوستی خود را با برنامه نویسان تقویت کرده ایم (من حتی سعی کردم یک روز "برنامه نویس خود را برای یک آبجو بردار" شروع کنم که کاملاً شروع نشد) ، بسیاری از ما در حال یادگیری Dreamweaver بودیم (امیدوارم که برای شما بهتر از من بود) ، بازی با صادرات Flash به گزینه های HTML5 (بله ، من می دانم ، من می دانم) ، و متهم کردن Adobe برای یک راه حل (من ، برای اولین بار ، در Mountainview ، CA دوست نیستم !) برخی از ما شاید در حال تجدید نظر در مورد توصیه مادران خود برای رفتن به دانشکده دندانپزشکی بودیم اگر خیلی دیر نیست (برای من ، خیلی دیر).

بیشتر اوقات ، ما نشسته ایم و فکر کرده ایم که چه اتفاقی می افتد و چه زمانی سرانجام فرا می رسد. من کاملاً انتظار داشتم که Adobe یا فلش را بهسازی کند ، یا با برنامه دیگری که تقریباً یکسان است ، در عین حال روان HTML5 صحبت کند. این آسانترین انتقال برای بسیاری از ما بوده است ، خصوصاً اگر استفاده از رابط کاربری و ActionScript که سالها برای یادگیری آن صرف کرده ایم را حفظ کند. این یک انتقال کاملا منطقی بود.

اما Adobe با برنامه جدید طراح وب بدون کد خود به نام Muse مسیر کاملاً متفاوتی را طی کرد.

ظهور موزه

بدون توجه به بسیاری از ما ، حتی کسانی که معمولاً "آنها را می دانیم" ، تقریباً در همان زمان که به مرورگر وب Flash پایان می دادند ، Adobe به آرامی Muse را زنده می کرد. و بجای اینکه از رابط کاربری Flash که تا حد زیادی برای کارهای انیمیشن طراحی شده بود و برای کار در وب استفاده می شد ، استفاده کنند ، کاملا منطقی رویکرد گسترده تری داشتند.

آن گروهی را که قبلاً از آن صحبت کردیم ، طراحان صفحه قدیمی مدرسه را به خاطر می آورید؟ به نظر می رسد تعداد زیادی از آنها سالهای ناامیدکننده ای را پشت سر گذاشته اند که نتوانسته اند درمانهای یادگیری Dreamweaver یا Flash را جبران کنند. بنابراین Adobe با الگویی پیش رفت که به برنامه طرح صفحه آنها ، InDesign نزدیکتر بود. اگرچه به هیچ وجه یک کپی مستقیم نبود ، اما به وضوح طراحی شده بود تا در دسترس تعداد زیادی از افراد چاپ گرا باشد که می خواهند به سمت طراحی وب حرکت کنند.

بنابراین ، به نظر می رسد تعداد زیادی از طراحان وجود داشته و دارند که ترجیح می دهند دیگر هرگز کد نبینند؟ بله ، می گوید Adobe. و موفقیت موز گواه این موضوع است. با این وجود این یک مسابقه اسب دوانی فقط با یک اسب بود ، زیرا Muse در صورت وجود رقبای مستقیم بسیار کمی در بازار دارد. مطمئناً هیچ کس با جیب بازاریابی عمیق Adobe روبرو نیست.

جالب است که ببینید این برنامه با گذشت زمان چگونه بلوغ می یابد. من امیدوارم که Adobe (همراه با اپل) دیگر از ایجاد برنامه های جدید دست نکشید ، آنها را به اندازه کافی طولانی نگه دارید تا ما را گیر بیندازد و سپس آنها را از بین ببرد.

بازیکنان دیگر

در حالی که Muse گوریل 800 پوندی اتاق است ، مبادا برخی از بازیکنان کوچکتر را فراموش کنیم که اگر به طور کامل کدگذاری را حذف نکنید ، برای به حداقل رساندن کار می کنند. آزادراه توسط سافتپرس یک بازیکن قدیمی در این زمینه است و دارای بسیاری از کاربران فداکار مک است. Rapidweaver گزینه دیگری است که توسعه سایت قدرتمند بدون کد ، با قیمت عالی و همچنین فقط در Mac را تبلیغ می کند. به نظر می رسد یافتن گزینه های ویندوز سخت تر است.

لازم به ذکر است KompoZer ، یک پروژه منبع باز است که به خوبی توسعه یافته و در حال اجرا است ، و البته رایگان است. این برنامه برای توزیع های Mac ، Windows و Linux در دسترس است.

و مهمترین قسمت برای طراحی که به دنبال جلوگیری از کار با کد است: "KompoZer بسیار آسان برای استفاده طراحی شده است ، و آن را برای کاربران رایانه ای غیر فنی که می خواهند بدون نیاز به دانستن وب سایتی جذاب و حرفه ای ایجاد کنند ، ایده آل می کند. کدگذاری HTML یا وب. "

Google Web Designer

سال گذشته ، از آنچه به نظر می رسید هیچ جایی نیست ، گوگل برنامه جدیدی را برای بارگیری رایگان به نام "Google Web Designer" منتشر کرد. چقدر هیجان زده شدم که سر به زیر گذاشتم و شروع به خواندن و بارگیری کردم! واقعیت های این برنامه که هنوز در نسخه 1.x وجود دارد ، هم از برخی جهات الهام بخش بودند و هم از نظر دیگر روشهای ملایم.

اول از همه ، این اولین انتشار شگفت آور با توانایی برای یک برنامه است ، از جمله انیمیشن ، 3D و تعداد زیادی از پرداخت های دیگر. تخریب آن تا حدی به دلیل نام آن است ، که بیش از آن معنی دارد. از آنجا که نسخه Google است ، جای تعجب نیست که GWD واقعاً برای ایجاد تبلیغات وب هدف گذاری شده است و دارای اندازه صفحه و یکپارچه سازی برای چنین کاری است.

این ابزار در ایجاد تبلیغات وب با محتوای غنی بسیار ارزشمند خواهد بود ، طرحی که از زمان نابودی Flash توسط وب به تدریج مورد استفاده قرار گرفته است. بسیاری از تبلیغات بنرهای گران قیمت حتی امروز نیز در Flash ارائه می شوند ، اما بدیهی است این چیزی است که باید به زودی تغییر کند. من انتظار دارم GWD آخرین ضربه برای آگهی های فلش باشد.

اگر با این وجود ، همانطور که بسیاری امیدوارند ، توسعه قوی GWD ادامه داشته باشد و برای کاربردهای بیشتر در تولید وب سایت های بزرگتر ، افزایش یابد ، تعادل قدرت می تواند در نحوه ساخت وب تغییر یابد.

تعداد کمی از شرکت ها وب را به روشی که Google می داند ، می شناسند. آیا آنها می خواهند عضلات خود را در پشت رشد GWD قرار دهند؟ فقط زمان می تواند بگوید. توجه داشته باشید که برخلاف Muse که به هیچ وجه کد نویسی نمی کند ، GWD دارای کد نویسی است - اگرچه بسته به کاری که می خواهید انجام دهید ، ممکن است نیازی باشد یا نباشد.

وب سایت هایی که وب سایت می سازند

دو زمینه دیگر برای توسعه وب سایت وجود دارد که ارزش ورود به آنها را دارد. اولین وب سایت هایی هستند که به شما امکان می دهند وب سایت درست کنید. شرکت هایی مانند Webflow ، Squarespace و حتی Google با ارائه Google Sites خود وارد بازی شده اند.

بدیهی است که این گزینه ها محدودیت شدیدتری نسبت به یک سایت کاملاً سفارشی دارند. با این وجود گزینه های ارائه شده در این بازار رقابتی برای همیشه تک افزایش یافته و افزایش می یابد.

سرانجام ، زمانی که تصور می شد یک رویکرد غیرمعمول است ، ایده ایجاد یک وب سایت و تجارت کامل از یک سیستم عامل وردپرس اکنون کاملاً رایج است.

من می دانم افرادی که با استفاده از این سیستم تجارت وب خود را ایجاد کرده اند و سالهاست که مباهات می کنند که چگونه کار با آن بهتر و راحت تر می شود ، و پلاگین های جدید امکان کار آسان پروژه های سخت را فراهم می کند. در بیشتر موارد ، ممکن است برخی از برنامه نویسی ها مورد انتظار باشد ، اگرچه احتمالاً کمتر از آن چیزی است که فکر می کنید.

اهمیت برنامه ریزی

اینکه شما با توسعه وب شرکت خود برای محصولات خود و یا خدمات به مشتریان خود به عنوان یک توسعه دهنده وب یا بازاریاب ، به چه روشی بروید ، به اندازه پروژه در دسترس شما بستگی دارد. گزینه های امروز فراوان است ، اما برنامه ریزی به اندازه همیشه مهم است.

به عنوان مثال ، اگر شما فروشگاه بزرگ تری هستید ، هرگز انتظار ندارید كه به مشتریان تراشه آبی خود وب سایتی را در Squarespace بفروشید ، و شاید تصور كنید كه استفاده از Muse بسیار گسترده است. اما تعداد زیادی از مشاغل وجود دارد که ممکن است از استخدام یک فروشگاه طراحی کوچک برای ایجاد ، تولید و استقرار یک سایت تجاری از این طریق بسیار خوشحال شوند. این همه چیز در مورد یافتن و ایجاد یک تناسب مناسب بین آنچه شما هستید ، آنچه مشتری شما می خواهد و بسیاری از روش هایی است که ما امروز باید به آنجا برسیم.

بنابراین آیا واقعاً از گزینه هایی که داریم خوشحال به نظر می رسم؟ مطمئن نیستم. چرا همه ما حدود یک سال دوباره بررسی نمی کنیم و نمی بینیم که آیا Google برنامه خود را تقویت کرده است ، آیا Adobe تمام زندگی خود را به پایان رسانده است یا برنامه منبع باز KompoZer دنیا را تسخیر کرده است. تا آن زمان ، واقعاً ، من به شما می گویم: چند برنامه نویس را برای یک آبجو بیرون ببرید. شما هرگز نمی دانید!

کلمات: لنس ایوانز

لانس ایوانز مدیر خلاق Graphlink Media است.