ابزارهای جدید تحت وب
در سال 2016 ابزار های جدید مبتنی بر وب طراحان بروزرسانی شده است که به راحتی برروی مرورگر ها اجرا می شوند و از این طریق کار طراحان را ساده کرده است. این روزها دائما ابزارهای جدید طراحی در حال معرفی شدن هستند و خبر خوب برای طراحان سایت،توسعه دهندگان وب و … این است که بسیاری از آن ها رایگان هستند. در این مقاله با 7 ابزارهای جدید مبتنی بر وب طراحان آشنا می شوید و به این ترتیب می توانید با گام های استوارتری پادر دنیای طراحی بگذارید.
اگر موبایل،لپ تاپ،تبلت یا رایانه شخصی شما پر شده است از برنامه های متفاوت طراحی،می توانید برنامه های طراحی مبتنی بر مرورگر را مد نظر قرار دهید. نکته مورد توجه این است که بسیاری از قدرتمندترین ابزارهای جدید به صورت مبتنی بر مرورگر ارائه می شوند. در این مقاله به 7 ابزار جدید مبتنی بر وب (browser-based) برای طراحان در سال 2016 خواهیم پرداخت.
1)Vectary
<
می خواهید طراحی سه بعدی انجام دهید؟ Vectary ابزار های جدید مبتنی بر وب طراحان است که این امکان را برای مبتدی ها و هم برای حرفه ای ها فراهم می کند تا طراحی سه بعدی انجام دهند. شما می توانید با استفاده از اسلایدرها و ابزار مدلسازی استاندارد به طراحی سه بعدی بپردازید که برای دسترسی و استفاده آسان به طور خودکار در cloud ذخیره سازی می شود. نسخه ی کامل Vectary هنوز ارائه نشده است اما شما می توانید با عضویت در سایت آن از نسخه بتا استفاده نمایید.
2)Browser Calories
<
امروزه یک از بزرگ ترین مشکلات پیش روی طراحی وب،مسئله حجم صفحه است،مسئله ای که تاثیر زیادی بر سئو،نرخ تبدیل،نگه داری سایت و … می گذارد. از طرف دیگر بر روی مخاطبان شما که سرعت اینترنت پایینی دارند تاثیری منفی می گذارد. Browser Calories راهی آسان و سریع برای زیر نظر داشتن حجم صفات وب سایت در اختیار شما می گذارد.
با نصب این افزونه بر روی مرورگرتان یک آیکون به شکل دونات در کنار آدرس بار ظاهر می شود.هر بار که بر روی آن کلیک کنید performance budget را برای تبی که در مرورگرتان روی آن قرار دارید محاسبه می کند.شما می توانید برای Browser Calories رقبایتان را تعریف کنید و نتایج را با نتایج رقبایتان مقایسه کنید.افزونه Browser Calories برای مرورگر های کروم، فایرفاکس و اپرا ارائه شده است.
3)Modelo
<
به اشتراک گذاشتن طراحی برای پرینت سه بعدی مخصوصا زمانی که مشتری شما نرم افزار سه بعدی مناسب را در اختیار ندارد یا طرز استفاده از آن را بلد نیست کاری دشوار است. Modelo یک ابزار مبتنی بر مرورگر است که این مشکل شما را حل می کند. با استفاده از قدرت JavaScript API WebGL، Modelo شما را قادر به مشاهده،مرور و دستکاری کردن مدل سه بعدیتان بر روی مرورگر ،بدون نیاز به هیچ نرم افزار دیگری، می کند.
4)Unique Gradient Generator
<
این ابزار مبتنی بر مرورگر به شما کمک می کند تا تصاویر پس زمینه blur ایجاد کنید که به سادگی در پروژه های مختلف قابل استفاده باشد. اساس کار این ابزار جدید مبتنی بر وب به این شیوه است که در ابتدا قسمتی از یک تصویر ذخیره شده بیرون کشیده می شود و مقیاس آن به 100 درصد افزایش داده می شود و سپس با استفاده از الگوریتم های image smoothing پس زمینه ی blur ایجاد می شود. برای استفاده از این تصویر blur به عنوان پس زمینه در HTML،بر روی Generate CSS کلیک کنید. توجه داشته باشید که تصاویر مورد استفاده تصاویر Public بوده و دغدغه ای بابت قوانین کپی رایت نداشته باشید.
5)Figma
<
Figma یکی از ابزار های جدید مبتنی بر وب طراحان می باشد که در راستای رقابت با نرم افزار دسکتاپ Adobe ساخته شده است و مبتنی بر مرورگر های تحت وب ساخته شده است. (توجه داشته باشید که نرم افزار Adobe Creative Cloud به صورت کامل بر مبنای Cloud نیست و به دانلود نیاز دارد). Figma بر پایه همکاری تیمی بنیان گذاری شده و امید دارد که به عنوان Github برای طراحان شناخته شود و این امکان را برای طراحان فراهم کند تا بتوانند همانند توسعه دهندگان وب که که کدهای خود را به صورت متن باز در Github به اشتراک می گذارند،داشته های خود را به اشتراک بگذارند. Figma به تازگی ارائه شده است و هنوز به صورت کامل نیز ارائه نشده است. با این وجود شما می توانید با ورود به سایت،در سایت عضو شوید و از نسخه ی پیش نمایش بهره ببرید. انتظار می رود نسخه نهایی Figma تا پایان سال جاری ارائه شود.
6)Boxy SVG
<
Boxy SVG یکی دیگر از vector graphics editor هایی است که با هدف ایجاد ابزاری جایگزین برای تصویر سازی و طرح اولیه ایجاد شده است.این ابزار برای مروگر کروم ساخته شده است و امکان باز کردن و ذخیره سازی فرمت های SVG و SVGZرا به شما می دهد. Boxy SVG بیش از صد فرمان با قابلیت استفاده از کلید های میانبر را دارا می باشد. این ابزار امکان import کردن بیت مپ ها و فونت های گوگل را در اختیار شما قرار می دهد و همانند Gravit ابزاری رایگان است.
7)Gravit
<
پس از کنار گذاشته شدن Adobe Fireworks،ابزارهای تصویرسازی و طراحی UI چندین برابر شدند و استفاده از این ابزار ها نیز افزایش چشم گیری در میان طراحان داشته است در میان این کشمکش ها برای جلب توجه طراحان،اکنون Gravit که یکی از ابزار های جدید مبتنی بر وب طراحان می باشد این خدمات را در مرورگر شما ارائه می دهد. Gravit ست ابزار کاملی از جمله ، auto-shapes، فیلترهای live و path editing modes را در اختیار طراحان قرار می دهد.
استفاده از ابزار مبتنی بر مرورگر این امکان را به شما می دهد که پروژه شما از قابلیت Sync بهره مند باشد. سوی دیگر این قابلیت عدم توانایی شما در استفاده از ابزار در زمان هایی است که به اینترنت دسترسی ندارید.
سیستم مدیریت محتوا یا CMS چیست؟
Content Management System یا سیستم مدیریت محتوا یک نرم افزار یا مجموعه ای از برنامه های مرتبط به هم است که برای تولید و مدیریت محتوای دیجیتال به کار می رود.سیستم مدیریت محتوا به طور کلی برای ECM (Enterprise Content Management) و WCM ( Web Content Management به کار گرفته می شود.ECM استراتژی‌ها، متدها و ابزارهایی برای دریافت، مدیریت، ذخیره، نگهداری و تحویل محتوای مرتبط با فرایندهای سازمانی است. ابزارها و استراتژی‌های ECM، مدیریت اطلاعات سازمان نیافته و طبقه بندی نشده را در هرجایی که باشد، فراهم می‌کند.WCM نیز تولید مشارکتی محتوا برای سایت ها را فراهم می کند.نرم افزار های ECM اغلب قابلیت انتشار WCM را نیز دارا می باشند. هم مدیریت محتوای سازمانی و هم مدیریت محتوای وب از دو جز تشکیل شده است:
- (Content Delivery Application(CDA
- (Content Management Application(CMA
CMA یک graphical user interface) GUI) می باشد که به کاربر اجازه ی تولید،ویرایش و یا حذف محتوای داخل سایت بدون هیچ گونه اطلاعی از زبان اچ تی ام ال می دهد. CDA امکان خدمات back-end و مدیریت محتوای تولید شده در CMA را فراهم می‌کند.
ویژگی های یک سی ام اس خوب
امکاناتی که سی ام اس ها در اختیار شما قرار می دهند برای هر سی ام اس با سی ام اس دیگر می تواند فرق کند،اما به طور کلی نقش اصلی سی ام اس ها indexing، جستجو و بازیابی، مدیریت فرمت، اصلاح و انتشار می باشد.
یک سیستم مدیریت محتوا خوب
- پشتیبانی با طراحان و توسعه دهندگان ( چه سی ام اس رایگان باشد و چه مبتنی بر اشتراک )
- محیط کاربری ساده
- چند کاربره بودن
- بهینه بودن برای موتورهای جستجو از قبیل Google , Yahoo و bing
- پشتیبانی از چندین زبان(به ویژه فارسی)
- URL های SEO friendly
- یک سی ام اس خوب باید راه کارهای جلوگیری از نفوذ به سایت داشته باشد
- انعطاف پذیری برای توسعه
- بالا بودن سرعت انتشار مطالب در سایت و مدیریت بخش های مختلف
- توانایی ویرایش متن به آسانی و داشتن امکانات لازم برای گذاشتن فایل های مدیا در کنار متون
- قابلیت ارتباط گرفتن با کاربر (امکاناتی همچون عضویت ، نظرسنجی و…)
- طراحی سایت با آن سریع و ارزان باشد
سیستم مدیریت محتوای خود را چطور انتخاب کنیم؟
تقریبا هیچ محدودیتی برای عواملی که شرکت یا سازمان در انتخاب سی ام اس خود در نظر می گیرد وجود ندارد.اما با این وجود برخی ویژگی های اساسی هستند که باید به آن ها توجه داشت،مانند easy-to-use بودن رابط ویراشگر،داشتن قابلیت جستجوی هوشمند و … . با این حال، برای برخی از سازمان ها، نرم افزاری که استفاده می کنند بستگی به نیازهای خاصی که دارند دارد.
برای مثال اندازه سازمان و پراکندگی سازمان را در نظر بگیرید.ادمین سیستم مدیریت محتوا باید آگاهی داشته باشد که چند نفر از نرم افزار استفاده می کنند،اینکه آیا سی ام اس به قابلیت پشتیبانی از چند زبان نیاز دارد و یا اینکه چند نفر برای تیم پشتیبانی و اداره سی ام اس نیاز است.در هنگام استفاده از سیستم مدیریت محتوا در نظر گرفتن سطح کنترل و دسترسی ادمین ها و کاربران نهایی نیز مسئله مهمی است.مورد دیگری که باید در نظر گرفته شود، تنوع اشکال داده های الکترونیکی در سازمان است. تمام انواع محتوای دیجیتال باید به راحتی index میشود.
ارائه کنندگان نرم افزار سی ام اس:
تعداد بسیار زیادی نرم افزار سی ام اس،چه به صورت رایگان چه به صورت مبتنی بر اشتراک برای استفاده های شخصی و سازمانی ارائه می شود.ه که در این بخش به معرفی برخی از آنان می پردازیم.
Sharepoint.1
SharePoint یکی از محصولات تحت وب شرکت مایکروسافت است که نخستین بار در سال ۲۰۰۱ عرضه شده است. شیرپوینت که با مجموعه آفیس مایکروسافت یکپارچه است به عنوان یک درگاه اطلاعاتی سازمان با قابلیت مدیریت اسناد، مدیریت و سفارشی سازی داده‌ها و قابلیت تعریف و مدیریت سایت‌های نامحدود ایجاد شده است.
دو نسخه از شیرپوینت با قابلیت‌های متفاوت وجود دارد:
- شیرپوینت آنلاین که بخشی از اشتراک آفیس ۳۶۵ است. این نسخه به مجموعه‌ای از قابلیت‌های همکاری تیمی، میزبانی فایل‌ها، مدیریت اسناد و مدیریت محتوا محدود است و به صورت دوره‌ای به روز میشود.
- شیرپوینت سرور که به صورت یک نرم‌افزار قابل نصب بر روی زیرساخت فناوری اطلاعات به سازمانها عرضه میشود. این نسخه از شیرپوینت، به روزرسانی‌های کمتری دریافت می‌کند اما امکانات بیشتری را در اختیار قرار میدهد.
سرور شیرپوینت در سه نسخه عرضه میشود:
- ویرایش Foundation به صورت رایگان
- ویرایش Standard
- ویرایش Enterprise
تا به امروز تمام سرویس دهنده‌های جدید محصول مایکروسافت سازگار با این سیستم منتشر شده‌است.این سی ام اس رایگان نمی باشد.
Drupal.2
drupal سامانه مدیریت محتوایی متن باز و رایگان به زبانphp است که برای توسعه برنامه‌های کاربردی مبتنی بر وب و ایجاد بلاگ است که تحت مجوز JPL منتشر شده‌است. از این برنامه برای مدیریت محتوای بیش از ۱ درصد از صفحات وب استفاده شده است.
drupal را می‌توان در سیستم‌عاملهای مختلف نصب نمود. پیش نیازهای نصب این برنامه یک کارگزار وب مانند آپاچی و یک پایگاه داده مانند MySQL می‌باشند. همچنین می‌بایست که php ۴.۴.۰ یا نسخه‌ی جدید تر نصب باشد. البته در نسخه‌ی ۷ drupal نسخه‌ی php ۵.۲ یا بالاتر مورد نیاز است.
نسخه استاندارد drupal که هسته drupal شناخته میشود، ویژگی‌های پایه معمول یک سیستم مدیریت محتوا را داراست. این‌ها شامل ثبت نام کاربری و تعمیر، مدیریت منو، خوراک آراس‌اس، رده‌بندی، شخصی‌سازی ساختار برگه و مدیریت سیستم میشود. هسته drupal می‌تواند برای یک وبسایت ساده، وبلاگ تکی و گروهی، فروم اینترنتی یا انجمنی اینترنتی که محتوای آن با کاربران ایجاد شود به کار رود.
Joomla.3
joomla نام یک سی ام اس رایگان و متن باز است که مخصوص انتشار محتوای وب است.joomla در یک فریم ورک نرم‌افزاری تحت وب model–view–controllerساخته شده که می‌تواند به طور مستقل از سیستم مدیریت محتوا استفاده شود.joomla به زبان php نوشته شده‌است و از پایگاه دادهٔ MySQL استفاده می‌کند.
joomla شامل امکان بارگذاری موقت در حافظه برای بهبود کارایی (caching)، ایجاد فهرست خودکار، ارسال خبر از طریق قالب RSS، ارائهٔ نسخه قابل چاپ، بخش‌های کوتاه خبری، تالار گفتگو، نظر سنجی، تقویم، جستجوی اینترنت و پشتیبانی از زبان‌های متعدد (از جمله فارسی) است.
علاوه بر امکانات پایه، افزونه‌هایی (شامل کامپوننت، ماژول، پلاگین، قالب، بسته زبان) هستند که به امکانات joomla می‌افزایند. بیش از ۱۰٬۲۰۰ افزونهٔ رایگان و تجاری در شاخهٔ رسمی افزونه‌های joomla وجود دارد.
نام joomla گرفته شده از واژه‌ای در زبان سواحیلی است که به معنی «جملگی» یا «همگی» است.
wordpress.4
wordpress در ادامه راه پروژهٔ موفق b۲ است که در سال ۲۰۰۳ شکل گرفت. نام wordpress را کریستیان اِسلِک، دوست مت مولنوگ (توسعه‌دهندهٔ اصلی wordpress) پیش نهاد و از آن روز wordpress با سرعت و پیشرفتی قابل ملاحظه تبدیل به معروف‌ترین و پرکاربردترین ابزار ساخت وبلاگ و سایت بر روی هاست شده است.
کاربران wordpress میتوانند با نصب و اجرای پوسته یا قالب wordpress ظاهر و امکانات سایت خود را بدون تغییری در محتویات صفحات مدیریت کنند، شما میتوانید هر قالب wordpress را همانگونه که هست استفاده کنید یا با استفاده از ویرایشگر wordpress و دانش کدنویسی تغییرات مورد نیاز خود را در آن اعمال کنید.افزونه wordpress به شما این امکان را میدهد که بدون تغییر در قالب اصلی امکانات جانبی زیادی را به آن اضافه کنید، در حال حاضر بیش از 22000 افزونه wordpress انتشار یافته است که امکاناتی مانند فرم های تماس، تقویم و ساعت، گالری تصاویر و … را شامل میشوند.
طراحی مجدد لوگو های قدیمی (ریدیزاین)
بزرگترین کمپانی های جهان ، با هدف تحول و پیشرفت ، لوگوی برند خود را اصلاح و مدرن سازی می کنند.
فرآیند طراحی مجدد لوگو به این علت است که نشان تجاری یا لوگو مجموعه شما ، هر میزان هم که حرفه ای طراحی شده باشد، با گذر زمان دچار فرسودگی و کاهش جذابیت و تاثیرگذاری در ذهن مخاطب می شود.
از اساسی ترین علل فرسودگی در لوگو می توان به موارد زیر اشاره کرد:
1) گسترش کسب و کار یا تغییر روند کسب و کار
هر کسب و کاری در حالت معمول و با گذر زمان به ارتقاء، گسترش و پیشرفت می رسد، گاه این پیشرفت در حوزه تنوع، افزایش و تغییر محصول رخ می دهد و گاه در سطح گسترش زمینه و محدوده کاری. چنین تغییرات و گسترشی عموما با فرسایش و عدم کارایی لوگو مورد استفاده همراه می شود. بدین سبب مدیران این کمپانی ها، متناسب با این گسترش و ارتقاء و همچنین با هدف درک صحیح مخاطبان از این پیشرفت ، دست به اصلاح و بازسازی لوگو خود می زنند.
2) تغییر ذائقه، سلیقه و بازخورد حسی مخاطبان و مشتریان
لوگو شما کلیدی ترین نقش را در شناسایی تجارتتان توسط مخاطبان ایفا می کند. همچنین مخاطبان شما تصمیم گیرندگان اصلی در انتخاب شما و برندتان هستند.
این جمله گویای این نکته است که مخاطبان و مشتریان در اکثر موارد بیشتر احساسی و سلیقه ای تصمیم می گیرند و انتخاب می کنند.
مخاطبان در برخورد اول با هویت تجاری شما یا بیان ساده تر لوگو شما، تصمیم می گیرند که:
– آیا مشتری شما بشوند یا نه!
– به شما و کسب و کارتان اعتماد کنند یا نه!
– با شما مذاکره کنند یا نه!
مولفه هایی در طراحی لوگو مانند :جذابیت ،به روز بودن ، تناسب با فرهنگ جامعه ، همگام بودن با مد روز و…
نقش بسزایی در انتخاب این مخاطبان دارد.
این مولفه ها با گذر زمان دستخوش فرسایش و تغییر می شوند و عاملی که شاید چند سال پیش باعث جذابیت بسیار بالایی در لوگو می شده، امروز دیگر ارزشی ندارد.
کمپانی های بزرگ بروز رسانی و اصلاحات طراحی لوگو خود را با توجه به زمان و نسبت به ذائقه مخاطبان و مشتریان، با سنجش چنین مولفه هایی انجام می دهند.
3) تغییر نظام برندینگ و مد جهانی
سازمانها و آژانس های برند سازی و تبلیغات، در جهت معرفی و ارتقاء یک برند یا محصول همواره استراتژی های متنوعی به کار می برند. هدف اصلی این مجموعه ها تحقیق در مورد رفتار و سبک زندگی مخاطبان و مشتریان یک محصول است تا از طریق نتیجه این تحقیقات بتوانند ابتدا نیازهای این مخاطبان و سپس نوع معرفی و تبلیغ آن محصول را مشخص کنند. آنچه که در مورد استراتژی های معرفی و رشد یک برند در تمامی این آژانس ها یکسان است، بروزرسانی نظام کسب و کار و فروش بیشتر برند های مختلف است. این بروز رسانی گاه در حد اصلاح لوگو یک کمپانی و گاه در ابعاد تغییر یا ادغام چند کمپانی در هم است. نکته مهم این است که هر استراتژی در زمان خود کاربرد و بازخورد لازم را دارد و اثر بخش است. ساختارهای مد جهانی در تبلیغات و معرفی یک برند به مخاطبان بوسیله لوگو، در هر مقطعی از زمان تغییر می کند و همین عامل باعث فرسایش پوسته لوگو کمپانی های متعدد می گردد. آژانس های تبلیغاتی و ارتقا برند، در همین مقطع وارد عمل شده و با بکارگیری معیارها و متدهای جدید در طراحی لوگو و تبلیغات به ترمیم و بروزرسانی این برندها می پردازند.
هرگز فراموش نکنید: یک لوگو قدرتمند، با ارزش ترین دارایی و سرمایه یک برند محسوب می شود.
هدف اصلی از فرآیند اصلاح و تکامل طراحی لوگو، دستیابی به بالاترین سطح تاثیرگذاری و به رسمیت شناساندن آن لوگو و برند می باشد.از دیدگاه علم تبلیغات فرآیند گسترش و تکامل طراحی لوگو یک جز حیاتی و غیر قابل جایگزین در موفقیت یک کسب و کار محسوب می شود.
فرآیند بازسازی لوگو در بیشترین مواقع با کمترین تخریب در ساختار اصلی لوگو صورت می پذیرد و گاها به علت وجود نقاط ضعف بیش از حد،این بازسازی با دگرگونی های زیادی همراه می شود. اطلاعات آماری نشان می دهد اصلاح و بروزرسانی لوگو در یک شرکت و برند می تواند 15 تا 30 درصد در رشد، ارتقاء، موفقیت و فروش آن برند تاثیر گذار باشد. به همین علت است که اصلاح لوگو یا بروزرسانی لوگو یکی از سر فصل های اساسی در کمپین تبلیغاتی بزرگترین کمپانی های دنیا محسوب می شود.
نمونه هایی از اصلاحات و بروز رسانی لوگو را در کمپانی های بزرگ جهان می توانید مشاهده نمایید:
3 گام پیشنهادی مجموعه تهران دیزاین برای کسب بهترین نتیجه در بروزرسانی و ارتقاء لوگو و هویت سازمانی:
1) مشاوره
گفتمانی کاملا دو طرفه با هدف آشنایی با نیاز و دیدگاه شما و همچنین ایجاد و هموار سازی بهترین مسیر موفقیت.
2) برسی و آنالیز
مطالعه و رفتار شناسی مخاطبین، مشتریان، رقبا و بازار کسب و کار و استفادهاز قانون طلایی برند سازی جهت ارتقاء تجارت شما.
3) پیاده سازی و اجرای پروژه0
اعمال اصلاحات و همچنین طراحی و بروز رسانی لوگو و هویت بصری جدید و ارتقا یافته کسب و کار شما.
کلیه حقوق مادی و معنوی این اثر متعلق به شرکت تهران دیزاین میباشد.