با سلام به دوستان عزیز مدرسه گرافیک پلاس.در ادامه ی نکات مهمی که در خصوص طراحی در سایت مدرسه گرافیک پلاس برای شما عزیزان مطرح شد، امروز نیز با ارائه ی یک مقاله با عنوان طراحی تصاویر برای وبلاگIT درخدمتتون هستیم.برخی از اهداف با تصویرگری دستی نائل می‌شوند. یکی از این اهداف، قرار دادن تصاویر عنوانی برای جذابیت بیشتر است. تصاویر گرافیکی اصیل، می‌توانند خوانندگان را جذب کرده و موضوع پست را به سرعت انتقال دهند. دراینجا ما، چند شیوه و نکات مختلف را برای ساخت تصاویر گرافیکی برای وبلاگ، با شما به اشتراک می‌گذاریم.

 

نکات طراحی : نحوه ساخت تصاویر برای وبلاگ IT

رویکرد عمومی

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

در روند عملی خلاقانه، رویکرد پیش رو را برای انجام این کار توسعه دهید. بعد از به دست آوردن مبحث خاصی از مقاله و ارتباط با نویسنده یا ویراستار، شما :

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

روش ادبی

این روش آسان‌ترین روش به نظر می‌رسد، اما به معنی این نیست که همیشه کارساز باشد. به عنوان مثال در این مورد، روش ادبی به این معنی است که یک کاراکتر را در حال کار با لپ‌تاپ، کامپیوتر رومیزی یا دستگاه موبایل نشان داد و تصویر زمینه نیز می‌تواند دستگاه یا عناصر رابط کاربری را نشان دهد که این کار موضوع مقاله را منعکس می‌کند.

به عنوان مثال، بیایید تصویرسازی برای یک مقاله Gestalt Principles in UI: Principle of Proximity را بررسی کنیم: اصل مجاورت. این اصل یک ترکیب ساده ثابت دارد که به وسیله بافت و رنگ‌های روشن تأکیدی، توجه را جلب می‌کند.

همین روش با استفاده از ترکیب‌بندی پویا و Gradient ها، در تصویرسازی برای مقالهReview of Popular Interface Design Trends in 2017 اعمال شده است.

روش ترکیبی

منظور از روش ترکیبی این است که کاراکترها با عناصر رابط کاربری در تعامل باشند و اغراق و مبالغه را پیش روی بیننده بگذارند؛ مثلاً یک کاراکتر کوچک روی یک کلید بزرگ؛ کاراکتری که از گوشی موبایل خارج می‌شود و موارد دیگری از این قبیل.

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

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

روش تمثیل

روش تمثیل در تصویرسازی به این معنی است که حوزه IT را روی حوزه زندگی شخصی یا حرفه‌ای انداخته و از حوزه‌های مختلفی آن را نشان داد. در تصویرسازی به این روش، تصاویر دستگاه‌ها به عنوان عناصر فرعی شناخته شده و یا اصلا مورد استفاده قرار نمی‌گیرند. داستان و سناریو ممکن است با جنبه‌های مختلف استعاری تقویت گردند.

راهنمایی : منابع رقصنده‌ها یا ورزشکاران را مشاهده کنید. آن‌ها همیشه رسا و پویا هستند.

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

مثالی دیگر نیز طرحی است که برای مقاله ۳C of Interface Design: Color, Contrast, Content طراحی شده است. در این طرح، طراح کلیدواژه “رنگ” را به عنوان عنصر معنایی اصلی انتخاب کرده و فرآیند رنگ کردن یک چیز را با نقاشی کردن نشان داده است. در پالت‌های رنگی انتخاب شده طرح، کنتراست (تضاد) رنگی مشهود است و اینکه محتوای فضا با عناصر موجود در فضای دفتر (یا اداره) نشان داده شده؛ و گربه موجود در تصویر نیز از جزئیاتی می‌باشد که به صحنه پویایی بخشیده و آن را بامزه کرده است.

راهنمایی : فراموش نکنید که تمثیل‌ها باید به آسانی توسط افراد گوناگون در دنیا با فرهنگ‌های مختلف شناخته شده و قابل تشخیص باشند، همانطور که بیشتر مقالات این حوزه برای مخاطبین بین‌المللی نگاشته می‌شوند.

طراحی‌های پویانما

پویانمایی می‌تواند پتانسیل یک طراحی گرافیکی را بالا برده و حتی ساده‌ترین تصویرسازی‌ها را اصیل و گیرا کنند.

این پویانمایی بر اساس طراحی مقاله UX Design Glossary: Navigation Elements است. حرکت و پویانما بودن، آن را قدرتمند و گویاتر کرده است.

نکات کاربردی برای فرآیند طراحی

رنگ : انتخاب صحیح رنگ و بافت، به ادراک گرافیک، در ارتباط با موضوع، هارمونی و توازن می‌بخشد. علاوه بر این، به ادراک روانشناختی طرح کمک کرده و حس و حال لازمه را ایجاد می‌نماید: رنگ‌های روشن برای محتوای سرگرم‌کننده عالی هستند؛ درحالی‌که پالت‌های رنگی مینیمالیست مناسب موضوعات کاری و تجاری می‌باشند.

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

جزئیات: در طول طراحی، جزئیات و تأکیدات را فراموش نکنید که نقش مهمی در تصویر عمومی، استایل و اصالت طراح ایفا می‌کنند؛ مانند نشانه‌گذاری صحیح که جمله را بهتر می‌کند.

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

و اما نکته نهایی:

هیچوقت در جایی که هستید متوقف نشوید؛ همیشه در جستجوی راه‌های جدید برای منحصربه‌فرد کردن استایل هنری و ایده‌های خلاقانه خود باشید.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

کلمات کلیدی: دانلود مقاله گرافیک_ساخت تصاویر برای وبلاگ IT_طراحی تصاویر وبلاگ_طراحی تصویر_مقاله طراحی_مقاله وبلاگ IT_وبلاگ IT