لیستی از ابزارها برای طراحان تجربه کاربری (Tools for UX Designers) سری اول

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

نویسنده سید علی اندرزگو

لیستی از ابزارها برای طراحان تجربه کاربری (Tools for UX Designers) سری اول

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

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

دنیای تکنولوژی همچنان در حال پیشرفت است و ابزارهای حل مسئله را برای افراد مختلف فراهم می کند. طراحان UX اغلب تحت فشار هستند و باید در مهلت کمی که دارند نتیجه ای با کیفیت بالا ارائه دهند. به همین دلیل داشتن مجموعه ای از ابزارهای مؤثر برای پیشبرد کار اهمیت زیادی است.

ابزارهای نمونه سازی

Sketch

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

این ابزار دستورالعمل های موثری را ارائه می دهد، به عنوان مثال: شما می توانید با نگه داشتن کلید alt ابعاد مولفه ها و فاصله بین آنها را مشاهده کنید. با توجه به قابلیت های مختصری که این برنامه دارد برنامه ی سبکی است، بنابراین بسیار سریع کار می کند و در صورت صرفه جویی در رایانه که باعث صرفه جویی در وقت (اعصاب) برای طراحان می شود، بسیار سریعتر عمل می کند. ویژگی خاصی که در مورد Sketch وجود دارد این است که بدون استثناء فقط در مک کار می کند.

Adobe XD

رویکردهای جدید در طراحی UI و UX توسعه دهندگان نرم افزار را ترغیب به ارتقاء محصولات خود و حتی ایجاد موارد جدیدی می کند که بر روی کارهای خاص از جمله ساختار چیدمان متمرکز شده اند. گروه Adobe نیز از این قاعده مستثنی نبوده، بنابراین آنها جدیدترین محصول خود را Adobe XD (طراحی تجربه) در سال ۲۰۱۶ عرضه کردند. این یک جایگزین برای Photoshop و Illustrator برای طراحان UI و UX است و موفق به کسب رتبه های بسیار بالایی شد.

این برنامه به طور خاص برای طراحان UX در ایجاد نمونه های اولیه تعاملی و طراحی بردار ایجاد شده است. این فرصت خوبی برای طرفداران Adobe است که با ارتقاء قابل توجه متمرکز بر طراحی رابط کاربری، به ابزار مناسبی دست پیدا کنند. برای کسانی که در طراحی وب بی تجربه و تازه کار هستند رابط XD کمی دشوار است. Adobe XD اکنون هم برای سیستم عامل های Mac و هم برای Windows 10 در دسترس است.

Figma

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

Lunacy

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

نمونه اولیه تعاملی

Marvel

Marvel یک ابزار مبتنی بر ابر رایگان برای نمونه سازی تعاملی است که نیازی به مهارت برنامه نویسی ندارد. می توانید مدل سازی ها را از Sketch و Photoshop دانلود کنید یا حتی از یک طرح ساخته شده روی کاغذ عکس بگیرید و سپس نمونه های واقعی از یک برنامه یا وب سایت تلفن همراه ایجاد کنید. مارول پیشنهاد می کند با اظهار نظر در مورد ۳ پروژه اول تان، پروژه های نامحدودی را به صورت رایگان ایجاد کند، همچنین می توانید با داشتن پروژه ها و نظرات نامحدود به همراه مارک حذف شده مارول و ویژگی های اضافی دیگر یک طرح دریافت کنید و خریرارری کنید.

تعریف Javascript و کاربردهای آن (What is Javascript)

InVision

این یک ابزار رایگان برای ایجاد نمونه های اولیه تعاملی است. InVision محبوبیت زیادی پیدا دارد زیرا امکان وارد کردن پرونده ها به راحتی فایل ها از Sketch یا Photoshop و ساخت طراحی انیمیشن را فراهم می کند. نمونه اولیه تعاملی در InVision به نظر می رسد پروژه زندگی واقعی باشد زیرا طراحان می توانند صفحات شبیه سازی استفاده از وب سایت واقعی یا برنامه تلفن همراه را پیوند دهند. علاوه بر این InVision به بهبود فرآیند بازخورد کمک می کند تا کامنت هایی بر روی نمونه اولیه ارائه شود.

یکی دیگر از ویژگی های خاص این ابزار ساماندهی مؤلفه های UI در ستونهای مختلف است که وضعیتی مانند در حال انجام یا تأییدشدن کارها را نشان می دهد. به این ترتیب هم مشتری و هم طراح می توانند گردش کار را به صورت کارآمدتری کنترل کنند.

Principle

این یک برنامه ساده است که هدف آن ایجاد طراحی UI متحرک است. ویژگی مهم Principle این است که حتی می تواند به صورت آفلاین کار کند، بنابراین پیشرفت کار شما به کیفیت اتصال به اینترنت بستگی ندارد. نمونه های اولیه تعاملی را می توان به راحتی به یک GIF یا ویدیو تبدیل کرد و در یک نمونه کار در Dribbble یا جاهای دیگر به اشتراک گذاشت. رابط کاربری این ابزار کاملاً شبیه برنامه Sketch است، بنابراین استفاده از آن برای بسیاری از طراحان بسیار آسان است. از ویژگی های جالب ابزار Principle این است که می توانید طرح ها را در دستگاه های iOS پیش نمایش دهید. مشکلی که در اینجا پیش می آید این است که نرم افزار اصلی فقط برای سیستم عامل iOS در دسترس است، بنابراین طرفداران ویندوز باید به دنبال گزینه های دیگر باشند.

UXPin

تیم UXPin به عنوان متخصص در زمینه طراحی تجربه کاربری شناخته می شود که دائما دانش خود را در کتاب ها و مقالات مختلف به اشتراک می گذارد. محصول آنها UXPin editor ابزاری مبتنی بر وب برای نمونه سازی است که می تواند برای ایجاد مدل سازی به همراه مدل هایی با کیفیت بالا و تبدیل آنها به نمونه های اولیه تعاملی مورد استفاده قرار گیرد. همچنین طراحان می توانند برای تهیه نمونه های اولیه در UXPin، قاب های ویدیویی خود را از Sketch یا Photoshop دانلود کنند. علاوه بر این امکانات،این نرم افزار می تواند به طور خودکار راهنماهای سبک و مشخصات را برای توسعه دهندگان ایجاد کند.

ابزار انتخاب رنگ

ColorHexa

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

Paletton

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

Flat UI Color

طراحی Flat محبوبیت خود را حفظ کرده، بنابراین ابزاری برای انتخاب رنگ های صاف یک ضرورت است. Flat UI Color وب سایتی است که نقشه های رنگی مسطح کافی را ارائه می دهد. تمام رنگ ها حاوی کدهای HEX هستند که می توانند مستقیماً در نرم افزار اصلی مانند Photoshop یا در یک راهنمای سبک کپی شوند. این برنامه تمرکز محدود دارد اما برای کسانی که اغلب با طراحی Flat کار می کنند بسیار مفید است.

دانلود مجموعه آیکون های طراحی و توسعه وب سری دوم

دانلود مجموعه آیکون های طراحی و توسعه وب سری شانزدهم (کدنویسی ۲)

منبع

دانلود قالب شرکتی jony

دانلود قالب شرکتی jony

نویسنده سید علی اندرزگو

دانلود قالب شرکتی carbook

دانلود قالب شرکتی carbook

نویسنده سید علی اندرزگو

پاسخی بگذارید

ایمیل شما منتشر نشده و نزد ما محفوظ است.