راهنمای طراحی اپلیکیشن

شروع موضوع توسط Nazanin ‏20/10/15 در انجمن اخبار تکنولوژی

  1. Nazanin

    Nazanin Moderator عضو کادر مدیریت

    ارسال ها:
    16,244
    تشکر شده:
    60
    امتیاز دستاورد:
    38
    (قسمت دوم)


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


    قسمت اول

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

    ee16ddfe2805b82f6367a09f3a918d66.jpg


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

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

    برای مثال، اپلیکیشن های Vine و Brit+Co (نسخه ویندوزفون) را مثال می‌زنم که جزو اپ‌های مورد علاقه من در زمینه طراحی هستند و هرازگاهی که اپی را برای نمونه پیشنهاد می‌کنم، این اپ‌ها در صدر قرار دارند:

    890448fa0436e2a888da21890d3fb6a1.jpg


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

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

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

    در صورتی که واقعا احساس می‌کنید کشیدن اسکچ برایتان دشوار است، اسکچ‌های آماده را با نرم افزارهایی مثل فتوشاپ پرینت کنید و چندبار با قلم از رویشان بکشید

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

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

    8d43a3eddc379b47a9c7da23dd9eba38.jpg


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

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

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

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

    پیشنهاد من این است که برای طراحی آیکون هم دوباره به سراغ دفترتان بروید و شروع به اسکچ‌کشی کنید. برای کشیدن اسکچ هم به چند مورد زیر حتما توجه کنید:

    ** موضوع اپ شما، نقش اصلی را در طراحی آیکون ایفا می‌کند پس حتما مطابق کاربرد اپتان طراحی‌اش کنید

    ** طبیعت بهترین منبع الهام شما برای طراحی آیکون است. مثلا اگر در پی طراحی آیکون برای اپ هواشناسی هستید، مواردی همچون قطره‌های باران، ابر و خورشید و غیره بهترین منبع طراحی آیکون هستند و با کمی خلاقیت می‌توانید به سادگی به طرح آیکون مورد نظرتان برسید

    3c85fbfed7f54fc6c112ebf3f58948e4.jpg


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



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



    طراحی این صفحات هم باید از طراحی کلی اپ پیروی کند و با بقیه بخش‌های اپ مطابقت داشته باشد:

    توجه مهم :

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

    در نهایت، تا جایی که می‌توانید تمرین و تمرین و تمرین کنید!