Uname:Linux srv15.ayeezh.ir 4.18.0-553.30.1.el8_10.x86_64 #1 SMP Tue Nov 26 02:30:26 EST 2024 x86_64

بایگانی‌های ابزار رابط کاربری - ممتاز دیزاین

برچسب: ابزار رابط کاربری

آموزش سریع و کاربردی کار با ابزار shape در محیط رابط کاربری Sketch

رسم شکل ها (Shape) یکی از رایج ترین انواع لایه ها در طراحی های رابط کاربری در نرم افزار Sketch هستند. می توانید اشکال از پیش ساخته شده را به محیط Sketch اضافه و ویرایش کنید، یا با استفاده از ابزار Vector، شکل های خود را ایجاد کنید. در این مرحله از آموزش کار با نرم افزار طراحی رابط کاربری Sketch به شما خواهیم گفت که چگونه شکل ها را به طراحی خود اضافه کنید و روی آن ها تغییرات انجام دهید.

اضافه کردن اشکال

یکی از رایج ترین کارهایی که در طراحی رابط کاربری پیش می آید، اضافه کردن Shape جدید به محیط sketch شماست.

نحوه اضافه کردن اشکال از پیش ساخته شده

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

میانبر های صفحه کلید زیر برای اضافه کردن برخی از اشکال

برای افزودن شکل خود، روی هر جایی از بوم یا تابلوی هنری خود کلیک کرده و بکشید. در حین کشیدن، ابعاد شکل را در کنار مکان نما خواهید دید. ⇧ را در حالی که روی shape کلیک کرده اید و آن را می کشید نگه دارید تا ارتفاع و عرض شکل شما برابر شود.

هنگام کلیک کردن، ⌥ را نگه دارید تا شکل خود را از مرکز آن بکشید (به جای بالا سمت چپ).

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

نحوه اضافه کردن اشکال با ابزار Pencil

کلید P را فشار دهید یا ابزار Pencil را از منوی Insert انتخاب کنید تا ابزار Pencil فعال شود. از آنجا می توانید هر شکلی را که دوست دارید بکشید. وقتی طراحی shape خود را در رابط کاربری مورد نظر تمام کردید، برنامه Sketch منحنی ها را صاف می کند و مسیری که ایجاد کرده اید را ساده می کند.

نحوه اضافه کردن اشکال از طریق کد SVG

می‌توانید با کپی و چسباندن کد SVG در هر جایی از بوم رابط کاربری Sketch خود، لایه‌های شکل جدیدی ایجاد کنید.

ویرایش Shapes

هر شکلی که به طراحی ما اضافه می شود نیاز به ادیت کردن و سفارشی سازی ارد که در ادامه به بررسی کامل آن خواهیم پرداخت.

نحوه ویرایش اشکال در Inspector

هنگامی که یک شکل را انتخاب می کنید، گزینه هایی برای ویرایش آن شکل در Inspector خواهید دید. برای مثال، ابزار ستاره به شما امکان می دهد شعاع و تعداد نقاط آن را تنظیم کنید.

نحوه ویرایش گوشه های shape

روی یک مستطیل گرد کلیک کنید تا شعاع گوشه های آن در Inspector تنظیم شود.

شما می توانید بین گوشه های گرد و صاف انتخاب کنید و نحوه ترسیم گوشه های لایه را تغییر دهید. گوشه های صاف دارای تداوم انحنا هستند و به شما امکان می دهند “squircles” ایجاد کنید، شکلی که اپل در رابط های خود استفاده می کند.

نکته: وقتی در حالت ویرایش برداری هستید، می‌توانید یک نقطه گوشه جداگانه را برای تنظیم شعاع یک گوشه انتخاب کنید.

نحوه flip کردن اشکال

با استفاده از دو دکمه در Inspector می توانید اشکال را به صورت افقی برگردانید. این دکمه‌ها انتخاب می‌شوند (بنابراین می‌توانید دوباره کلیک کنید تا تغییر را معکوس کنید) مگر اینکه شکل را صاف کنید و تغییرات را با استفاده از Layer > Combine > Flatten انجام دهید.

نحوه چرخش اشکال

چند راه برای چرخاندن Shape های رابط کاربری شما در برنامه Sketch وجود دارد. می توانید مقداری را بر حسب درجه در Inspector وارد کنید. این می تواند یک مقدار مثبت یا منفی برای چرخش به ترتیب در جهت عقربه های ساعت یا خلاف جهت عقربه های ساعت باشد.

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

در نهایت، با نگه داشتن ⌘ و کشیدن یکی از دستگیره‌های انتخاب آن، می‌توانید به سرعت هر شکلی را که انتخاب کرده‌اید بچرخانید.

نگه داشتن ⇧ هنگامی که یک شکل را می چرخانید، این کار را با افزایش 15 درجه انجام می دهد. شما می توانید این تغییرات را انجام دهید و با صاف کردن شکل (Layer > Combine > Flatten) مقدار چرخش را به 0 درجه تنظیم کنید.

نحوه ویرایش اشکال در حالت برداری

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

برای افزودن یک نقطه جدید، ماوس را روی مسیری بین دو نقطه ببرید و برای درج نقطه جدید کلیک کنید. برای حذف یک نقطه، آن را انتخاب کرده و کلید Backspace را فشار دهید.

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

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

صاف کردن شکل خود (با انتخاب ابزار Layer > Combine > Flatten Flatten) نقاطی را در هر انتهای منحنی ایجاد می کند.

نحوه ویرایش اشکال با استفاده از ابزار Transform

برای استفاده از ابزار Transform، یک یا چند شکل را انتخاب کنید و به Layer > Transform > Transform بروید. یا می توانید از میانبر صفحه کلید ⌘ ⇧ T استفاده کنید. شما همچنین می توانید ابزار Transform را از طریق View > Customize Toolbar به نوار ابزار خود اضافه کنید.

ابزار Transform نقاطی را به هر گوشه از Shape شما و همچنین نقاط بین هر گوشه رابط کاربری شما در برنامه Sketch اضافه می کند. روی یک نقطه کلیک کنید و آن را بکشید تا Shape شما تغییر شکل دهد و کج شود.

اگر روی نقطه ای بین دو گوشه کلیک کرده و بکشید، هر دو گوشه را همزمان جابه جا می کنید.

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

نحوه ویرایش اشکال با استفاده از ابزار Scissor

می توانید از ابزار Scissor برای جدا کردن مسیرها از اشکال استفاده کنید. برای انجام این کار، شکل مورد نظر برای ویرایش را انتخاب کنید، ابزار را از طریق Layer > Path > Scissors فعال کنید (همچنین می توانید آن را از طریق View > Customize Toolbar… به نوار ابزار خود اضافه کنید) و روی هر یک از مسیرهایی که شکل شما را تشکیل می دهند کلیک کنید. آن ها را حذف کنید.

وقتی کارتان تمام شد، خارج از شکل کلیک کنید یا Enter یا Esc را فشار دهید.

نحوه ویرایش اشکال با ابزار Rotate Copies

ابزار Rotate Copies یک Shape را می گیرد و کپی هایی از آن را حول یک نقطه از رابط کاربری شما در برنامه Sketch می چرخاند. برای استفاده از آن، یک شکل را انتخاب کنید و به Layer > Path > Rotate Copies بروید (همچنین می توانید یک دکمه برای آن از طریق View > Customize Toolbar…) به نوار ابزار خود اضافه کنید. از آنجا، تعداد کپی هایی را که می خواهید ایجاد کنید انتخاب کنید و روی OK کلیک کنید.

از دسته ای که به نظر می رسد برای تنظیم دقیق نحوه قرارگیری کپی ها استفاده کنید. وقتی کارتان تمام شد، Esc یا Enter را فشار دهید.

توجه: در نسخه 53.1 برنامه Sketch و نسخه های قبلی، Rotate Copies شکل ترکیبی از کپی های شما ایجاد می کند (مانند عملیات بولی). برای تبدیل آن به لایه های جداگانه، از Layer > Combine > Break Apart استفاده کنید.

منبع: sketch.com

برچسب‌ها:, , ,

بهترین پلاگین های جی کوئری برای نمایش کتاب و مجله

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

فلیپ بوک های جاوا اسکریپت محتوای شما را در قالب فلیپ بوک دیجیتال با استفاده از جلوه های ورق زدن صفحه، بزرگنمایی و پشتیبانی از انواع محتوا به نمایش می گذارند. CodeCanyon بازاری برای انواع کدها، از جمله ویجت های جاوا اسکریپت ممتاز و پلاگین های جی کوئری است. این بهترین مکان برای یافتن پلاگین های flipbook جی کوئری برای نمایش کتاب است.

1. پرفروش ترین: پلاگین WowBook jQuery Flipbook

پرفروش ترین افزونه جی کوئری WowBook فایل های HTML، تصویر یا PDF شما را به فلیپ بوک هایب با طراحی ریسپانسیو تبدیل می کند. استفاده از این افزونه jQuery flipbook هم از نظر طراحی و هم برای کاربران نهایی آسان است. بیایید به برخی از ویژگی های اصلی آن نگاه کنیم.

پلاگین WowBook Flipbook جی کوئری برای نمایش کتاب

بدون زحمت Flipbook های جاوا اسکریپت ایجاد کنید

افزونه WowBook جی کوئری برای نمایش کتاب سه قالب آماده برای استفاده دارد، بنابراین شما می توانید فلیپ بوک خود را در چند ثانیه ایجاد کنید. از گزینه های طراحی برای سفارشی کردن بیشتر نوار ابزار ریسپانسیو، فهرست مطالب، تصاویر کوچک، ردیف های محتوا به صورت ریسپانسیو و شماره صفحه با HTML و CSS استفاده کنید. تصمیم بگیرید که چگونه بینندگان با فلیپ بوک شما با گزینه های دیگری مانند حالت تک صفحه ای، نمایش اسلاید، لایت باکس و حالت کتاب بدون جلد/غیرقابل بسته شدن ارتباط برقرار کنند.

دانلود WowBook با پشتیبانی کامل از فرمت PDF ارائه می شود، بنابراین این افزونه می تواند لینک های داخلی و خارجی، فهرست ها و متن های قابل انتخاب را مدیریت کند. با پشتیبانی داخلی و صفحه کلید قابل تنظیم و ناوبری با استفاده از اسکرول ماوس، فلیپ بوک شما در پلتفرم های موبایل و دسکتاپ کارایی خواهد داشت.

Flipbook های کاربر پسند

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

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

ریسپانسیو

WowBook دارای ویژگی های داخلی برای تغییر اندازه کتاب برای اندازه های مختلف صفحه نمایش است. همچنین دارای پشتیبانی لمسی است، جایی که کاربران می‌توانند برای بزرگ‌نمایی دوبار کلیک کنند. نوار ابزار responsive نیز با اندازه صفحه سازگار است و از بارگذاری تنبل پشتیبانی می کند.

طراحی عالی

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

2. افزونه Real3D FlipBook jQuery

پلاگین Real3D Flipbook جی کوئری برای نمایش کتاب

Real3D بهترین افزونه جی کوئری برای نمایش کتاب است و همچننی برای ایجاد صفحات تعاملی بسیار عالی است. ویژگی های اصلی این افزونه عبارتند از:

انعطاف پذیری

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

کاملا قابل تنظیم

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

ریسپانسیو و آماده برای موبایل

پلاگین Real3D فلیپ بوک های ریسپانسیو را ایجاد می کند که می تواند برای هر صفحه یا پست کاملاً مناسب باشد. همچنین بر روی هر دستگاهی کار می کند، بنابراین کاربران تلفن همراه شما تجربه مشابهی با کاربران دسکتاپ دارند.

3. افزونه Diamond FlipBook جی کوئری

پلاگین Diamond Flipbook جی کوئری برای نمایش کتاب و روزنامه

پلاگین Diamond FlipBook جی کوئری برای نمایش کتاب یک برنده همه جانبه است، از سبک بودن و سهولت استفاده گرفته تا انعطاف پذیری نهایی در نمایشگر های مختلف را ارائه می دهد. انیمیشن های جذاب و واقع گرایانه آن بر اساس کتابخانه Turn.js ساخته شده اند. افزونه Diamond FlipBook روی هر دو طرح‌بندی واکنش‌گرا و غیر ریسپانسیو کار می‌کند. با استفاده از این افزونه، می توانید از پهنای فلیپ بوک استفاده کنید که به بهترین شکل با سایت شما مطابقت داشته باشد، چه طرح بندی شما واکنش گرا باشد یا نه.

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

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

4. پلاگین Newspaper Flipbook جی کوئری

پلاگین Newspaper Flipbook جی کوئری برای نمایش کتاب و روزنامه

افزونه Newspaper Flipbook جی کوئری به دلیل پشتیبانی از برچسب ها در صفحات توضیحات متمایز است. پشتیبانی تمام تگ‌های عنوان از h1 تا h6، پاراگراف، پیوند، لیست‌های مرتب و نامرتب و عناصر img، از جمله hover به راست و چپ برای تصاویر را شامل می شود.

فلیپ بوک که به راحتی در تمام صفحه های دستگاه و مرورگر های مدرن کار می کند، می تواند صفحات PDF را بدون نیاز به تبدیل آن ها به فایل JPEG بخواند. برای این کار از یک کتابخانه PDf.js استفاده می کند. به لطف بارگذاری تنبل، صفحات فلیپ بوک سریع بارگذاری می شوند.

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

بهترین ابزار های رایگان Flipbook جی کوئری

بهترین ویژگی‌ها در فلیپ‌بوک‌های ممتاز CodeCanyon یافت می‌شوند، اما اگر بودجه کمی دارید، گزینه‌های رایگان عالی نیز وجود دارد. بیایید به چند پلاگین رایگان جی کوئری برای نمایش کتاب نگاهی بی‌اندازیم که به شما امکان نمایش محتوای تعاملی غنی را می دهد.

Yumpu

پلاگین رایگان Yumpu جی کوئری برای نمایش کتاب

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

Turn.js

پلاگین رایگان Turn.js جی کوئری برای نمایش کتاب

Turn.js یک کتابخانه جاوا اسکریپت با ظاهری مدرن است که به کاربر اجازه می‌دهد تا فلیپ‌بوک‌های PDF ریسپانسیو ایجاد کنند. همچنین با دستگاه های iOS مانند iPad و iPhone سازگار است. سایر ویژگی ها عبارتند از:

  • API ساده و قدرتمند
  • صفحات به صورت پویا از طریق درخواست های Ajax بارگذاری می شوند
  • در مرورگر های قدیمی کار می کند

BookBlock

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

  • پوشش های سایه ای که محیط واقعی تری ایجاد می کند
  • می توانید محتوا را به صورت افقی یا عمودی ورق بزنید
  • پشتیبانی از راست به چپ برای تصاویر پس زمینه

منبع: code.tutsplus.com

برچسب‌ها:, , ,

معرفی جعبه ابزار نرم افزار طراحی رابط کاربری Sketch

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

عناصر جعبه ابزار Sketch

جعبه ابزار نرم افزار Sketch
  1. سوئیچ بوم و عناصر به شما امکان می دهد به سرعت بین برگه View Components و بوم رابط کاربری خود جابه جا شوید.
  2. گزینه Insert یا افزودن به شما امکان دسترسی سریع به لایه های مختلفی را می دهد که می توانید به Canvas خود اضافه کنید.
  3. Create Symbol یا ایجاد نماد در جعبه ابزار Sketch شما، گروه یا لایه ای را که انتخاب کرده اید به یک نماد قابل استفاده مجدد تبدیل می کند. هنگام ایجاد یک نماد، می توانید نام و گزینه های صفحه بندی را برای آن انتخاب کنید.
  4. گزینه های تعبیه شده در این بخش یعنی Forward (فرستادن لایه به جلو)، Backward (فرستادن لایه به پشت)، Group (گروه بندی کردن لایه ها) و Ungroup (از حالت گروه خارج کردن لایه ها) به شما کمک می کند لایه های خود را سازماندهی کنید و آن ها را در لیست لایه ها جابجا کنید.
  5. ابزار ویرایش به شما امکان دسترسی سریع به اقدامات رایج برای ادیت لایه ها را می دهد.
  6. جمع، تفریق، ضرب و تقسیم در جعبه ابزار به شما امکان دسترسی سریع به چهار عملیات محاسباتی نرم افزار Sketch را می دهد.
  7. با این عنصر می توانید تغییراتی را مشاهده کنید که چگونگی نمایش طراحی های شما روی بوم و اینکه روی چه چیزی تمرکز می‌کنید را در بر دارد.
  8. این بخش پیش نمایش طرح یا نمونه اولیه شما را در پنجره preview نشان می دهد.
  9. ویژگی Collaborate به شما امکان می دهد یک سند را در یک محیط کاری یا Workspace آپلود کنید.
  10. نوتیفیکیشن ها به شما اطلاع می‌دهند که به‌روزرسانی‌های کتابخانه یا عناصر مفقود در سندتان را پیدا کنید. نماد notification تا زمانی که اعلان های جدیدی دریافت نکنید ناپدید می شود.

شما همچنین می توانید با فشار دادن ⌘ ⌥ T یا با انتخاب View > Show/Hide Toolbar در نوار منو، بین پنهان کردن و نمایش جعبه ابزار Sketch جابه جا شوید. استفاده از جعبه ابزار در هر نرم افزار طراحی بسیار ضروری است و باعث راحتی کار در محیط آن نرم افزار می شود. در واقع نرم افزار های طراحی رابط کاربری برای سرعت بخشیدن به کار طراحان، جعبه ابزار ها را در بهینه ترین حالت ممکن ارائه می دهند.

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

نوار نظارت بر عناصر Sketch

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

Inspector نوار نظارت بر عناصر Sketch
  1. گزینه های ترازبندی وقتی دو یا چند لایه را انتخاب می کنید، فعال می شوند.
  2. ویژگی های مربوط به لایه این کنترل‌ها به شما امکان می‌دهند که موقعیت، اندازه و چرخش لایه‌ها را تغییر دهید و آن ها را برگردانید.
  3. Radius: می توانید گوشه های عناصر خود را گرد یا صاف به صورت مستطیل یا مربع انتخاب کنید.
  4. تنظیمات بخش تغییر اندازه: اگر لایه ای را در یک گروه یا Artboard انتخاب کرده باشید، این کنترل ها را خواهید دید.
  5. نمونه سازی اولیه (prototyping): این کنترل‌ها به شما امکان می‌دهند Artboard را به نمونه‌های اولیه خود اضافه کنید، تعاملات خود را متحرک کنید و موقعیت یک لایه را هنگام پیمایش ثابت کنید.
  6. ظاهر: می‌توانید از کنترل‌های Appearance در جعبه ابزار Sketch برای ایجاد، به‌روزرسانی یا جدا کردن استایل های لایه خود استفاده کنید.
  7. استایل دادن: ابزار Styling به شما امکان می‌دهد تا نحوه نمایش لایه‌های خود را کنترل کنید. برای افزودن یک استایل جدید، روی دکمه افزودن در کنار عنوان بخش برای سبکی که می‌خواهید استفاده کنید کلیک کنید. وقتی استایل ها را اضافه کردید، می توانید با لغو انتخاب کادر کنار آن ها، آن ها را پنهان کنید. برای حذف کلی یک استایل، کادر انتخاب آن را بردارید و روی نماد سطل زباله که ظاهر می‌شود کلیک کنید.
  8. خروجی گرفتن: سریع ترین راه برای Export کار خود از نرم افزار Sketch این است که گزینه Share > Export… را از جعبه ابزار یا منوی بالا انتخاب کنید، یا ⌘⇧E را فشار دهید تا کادر Export ظاهر شود. مواردی را که می خواهید از آن ها خروجی بگیرید، انتخاب کنید سپس روی Export کلیک کنید تا کادر ذخیره MacOS باز شود.

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

منبع: sketch.com

برچسب‌ها:,

آموزش کار با قابلیت های بوم در نرم افزار Sketch برای طراحی رابط کاربری

دیگر وقت آن رسیده که ایده های خود را زنده کنید. ایده هایی که برای رابط کاربری (UI) در نظر دارید همیشه در ذهن نمی مانند و امکان فراموش کردن آن ها بسیار زیاد است. با پیاده سازی و ایجاد نمونه اولیه از ایده خود در نرم افزار های رابط کاربری می توانید از فراموش شدن آن ها جلوگیری کنید و ایده های خود را به مراتب گسترش دهید. نرم افزار طراحی رابط کاربری اسکچ (Sketch) برای سیستم عامل Mac است. با مطالعه این مقاله ویژگی‌های بوم در نرم افزار اسکچ (Sketch) را برای طراحی رابط کاربری بیاموزید.

بوم (Canvas) جایی است که شما طرح های خود را ایجاد می کنید. بوم ها در طراحی رابط کاربری بی نهایت انعطاف پذیر هستند، بنابراین می توانید هر طور که دوست دارید المان ها را تنظیم کنید و مستقیماً روی خود Canvas کار کنید بدون اینکه نگران کمبود فضا در Sketch باشید. اگر ترجیح می دهید در یک قاب ثابت کار کنید، می توانید Artboards را به بوم خود اضافه کنید.

نحوه زوم و پیمایش کردن در بوم Sketch

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

ژست زوم کردن انگشتان روی تاچ پد مک بوک
  • کلید ⌘ را نگه دارید و از اسکرول ماوس خود استفاده کنید. وقتی به سمت بالا اسکرول می‌کنید، به‌طور پیش‌فرض وارد آن می‌شوید، اما می‌توانید در هر زمانی با علامت زدن کادر انتخابی Invert scroll direction در برگه Canvas در تنظیمات خود، این مورد را تغییر دهید.
  • از ژست زوم کردن با انگشتان روی صفحه نمایش یا تاچ پد استفاده کنید یا از منوی زوم در نوار ابزار استفاده کنید.
  • از ابزار Zoom با فشار دادن کلید Z استفاده کنید و یا برای بزرگنمایی کلیک کنید یا ⌥ را نگه دارید و برای بزرگنمایی کلیک کنید. با فعال بودن ابزار Zoom، می‌توانید روی یک المان انتخاب شده کلیک کرده و بکشید تا در یک منطقه خاص بزرگ‌نمایی کنید.

همچنین چند میانبر زوم در این نرم افزار وجود دارد:

  • بزرگنمایی: ⌘ و +
  • کوچکنمایی: ⌘ و –
  • زوم تا 100%: ⌘ و 0
  • بزرگنمایی کنید تا کل بوم را ببینید: ⌘ و 1
  • بزرگنمایی در لایه(های) انتخاب شده: ⌘ و 2
  • در مرکز قرار دادن لایه(های) انتخاب شده روی بوم: ⌘ و 3

نحوه نمایش پیکسل ها روی بوم

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

اگر روی طراحی رابط کاربری کار می‌کنید که در آن دیدن تک تک پیکسل‌ها در بوم Sketch مهم است، به مسیر View > Canvas > Show Pixels on Zoom بروید یا ⌃P را فشار دهید تا Pixel Zoom فعال شود و وقتی 100% بزرگ‌نمایی می‌کنید، پیکسل‌های جداگانه را مشاهده می کنید.

نمایش پیکسل ها روی بوم رابط کاربری Sketch

نحوه نمایش گرید پیکسلی

به مسیر View > Canvas Canvas > Show Pixel Grid on Zoom بروید، یا ⌃X را فشار دهید تا هر لبه لایه‌های خود را که با Pixel Grid همسو نمی‌شوند، پس از بزرگ‌نمایی 600 درصدی، آن نقاط را پیدا کنید.

نمایش گرید پیکسلی در بوم رابط کاربری Sketch

نحوه استفاده از خط کش ها در بوم Sketch

بوم Sketch خط کش ها را به طور پیش فرض برای طراحی رابط کاربری پنهان می کند، اما می توانید با انتخاب View > Canvas > Show Rulers یا فشار دادن ⌃R، آن ها را نشان دهید. شما می توانید روی خط کش های خود کلیک کرده و بکشید تا مبدا صفر آن ها را در هر جایی که دوست دارید روی بوم تنظیم کنید. برای قفل کردن آن ها در جای خود، روی آیکون قفل در گوشه سمت چپ کلیک کنید. برای بازنشانی مبدا خط‌کش ها، View > Canvas > Reset Ruler Origin را انتخاب کنید.

نحوه ایجاد راهنما (Guidelines)

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

با کلیک کردن و کشیدن یک راهنما در داخل یک خط کش می توانید راهنما را حرکت دهید. برای حذف کامل آن، آن را به سمت راست به سمت لیست لایه یا Inspector بکشید تا مکان نما تغییر کند. خواهید دید که راهنما ناپدید می شود.

برای حذف همه راهنماهای خود با هم، روی یکی از خط کش ها Control را فشار داده و کلیک کنید و به ترتیب Remove All Vertical Guides یا Remove All Horizontal Guides را انتخاب کنید.

نحوه ایجاد گرید در بوم Sketch

برنامه طراحی رابط کاربری Sketch از دو نوع شبکه در بوم خود پشتیبانی می کند. یک شبکه منظم (مربع) و یک شبکه طرح بندی یا لی اوت. در صورت نیاز می توانید هر دو را همزمان مشاهده کنید.

شبکه های مربعی

برای تنظیم یک شبکه مربعی، مسیر View > Canvas > Show Grid را انتخاب کنید یا ⌃G را فشار دهید. برای تغییر تنظیمات آن (اندازه سلول‌ها، تعداد دفعات ظاهر شدن خطوط ضخیم‌تر و رنگ خطوط)، View > Canvas > Grid Settings را انتخاب کنید یا ⌃⌘G را فشار دهید.

نکته: برای پنهان کردن و نمایش شبکه‌های معمولی، ⌃G را روی صفحه‌کلید فشار دهید

شبکه های لی اوت

برای راه‌اندازی یک شبکه طرح‌بندی، مسیر View > Canvas > Layout Settings را انتخاب کنید یا ⌃⌘L را فشار دهید و از گزینه‌های ظاهر شده برای انتخاب تعداد ستون‌ها و ردیف‌ها، عرض، عرض حفره ها و رنگ مناسب استفاده کنید.

نکته: برای پنهان کردن و نمایش شبکه‌های لی اوت، ⌃L را روی صفحه‌کلید فشار دهید.

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

نحوه عملکرد Snapping و Smart Guides در نرم افزار Sketch

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

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

وقتی اندازه یک لایه را تغییر می‌دهید، اگر لایه‌های مشابهی در این نزدیکی وجود داشته باشد، Sketch به شما نشان می‌دهد که آیا آن ها عرض یا ارتفاع مشابهی دارند یا خیر. این همچنین زمانی کار می‌کند که اندازه لایه‌ای را تغییر می‌دهید که روی لایه دیگری همپوشانی دارد.

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

نحوه استفاده از صفحات در بوم Sketch

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

برای ایجاد یک صفحه جدید، روی دکمه افزودن (به شکل مثبت) در بالای لیست لایه کلیک کنید و به صفحه جدید خود یک نام بدهید.

روی صفحه ای که می خواهید در لیست لایه ها پیمایش کنید، کلیک کنید تا به آن بروید یا Fn↑ یا Fn↓ را فشار دهید تا بین آن ها پرش کنید. همچنین می‌توانید فهرست صفحات خود را با استفاده از chevron جمع کنید و به جای آن از یک منوی کشویی برای پیمایش بین آن ها استفاده کنید.

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

نحوه استفاده از Artboards برای طراحی UI در Sketch

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

برای ایجاد آرت بورد مسیر Insert > Artboard را از نوار ابزار یا نوار منو بالا انتخاب کنید، یا A را فشار دهید. می‌توانید روی Canvas کلیک کرده و بکشید تا یک Artboard با اندازه سفارشی ایجاد کنید، یا یک آرت بورد از پیش تنظیم شده از Inspector انتخاب کنید.

برای تنظیم یا تغییر جهت Artboard، آن را در Canvas یا در Layer List انتخاب کنید، سپس نماد افقی یا نماد عمودی را در کنار ابعاد آن در Inspector انتخاب کنید. همچنین می‌توانید هنگام انتخاب پیش‌تنظیم Artboard، جهت‌گیری را با استفاده از همان نمادها انتخاب کنید.

تغییر اندازه آرت بورد در Sketch

برای ذخیره یک Artboard با اندازه سفارشی به عنوان یک قالب از پیش تنظیم شده، روی دکمه Add در پایین Inspector کلیک کنید و نامی برای آن بگذارید. پس از ایجاد یک Artboard، می‌توانید ⌘D را فشار دهید تا آن را کپی کنید.

در این آموزش برنامه طراحی رابط کاربری یا UI به نام Sketch راجع به قابلیت هایی که در بوم این برنامه قابل اجرا بود، صحبت کردیم. امیدواریم این آموزش برای شما مفید واقع شده باشد.

منبع: sketch.com

برچسب‌ها:, , ,

معرفی کامل ابزار طراحی گرافیک Inkscape و مزایای آن

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

ابزار Inkscape چیست؟

معرفی ابزار Inkscape

Inkscape یک نرم افزار ترسیم برداری وکتور رایگان و قدرتمند برای ویندوز و مک است که به شما امکان می دهد تصاویر گرافیکی را به روشی مشابه Adobe Illustrator ایجاد کنید. Inkscape یکی از معدود نرم افزار های گرافیکی وکتور رایگان موجود است و یکی از قدیمی ترین و قوی ترین ابزارها است.

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

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

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

نقاشی حرفه ای با ابزار Inkscape

Inkscape برای چه مواردی استفاده می شود؟

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

همچنین می‌توانید از Inkscape برای کارهای خاصی که معمولاً با نرم‌افزار پیکسلی (مانند فتوشاپ) انجام می‌دهید، استفاده کنید، مانند برش تصاویر، اعمال فیلتر های اساسی، کوچک کردن تصاویر بزرگ یا اعمال متن روی عکس‌ها.

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

این ابزار در واقع به آنها اجازه می دهد تا طراحی گرافیک را سریع تر یاد بگیرند. زیرا:

  • می توانند برنامه را فوراً روی لپ تاپ خود دانلود کنند و می توانند از همان ابتدا شروع به ایجاد پروژه جدید و یادگیری کنند
  • لازم نیست نگران رایانه های دانشگاه یا لایسنس های گران قیمت باشند
  • می توانند به تمرین ادامه دهند و با پیشرفت آن ها، نرم افزار منسوخ نمی شود زیرا هر سال بهتر و قدرتمند تر می شود

Inkscape آنقدر قدرتمند و پیچیده است که مهم نیست چقدر پیشرفته هستید، همیشه چیز های جدیدی برای یادگیری در آن وجود دارد.

مبتدیان چگونه از Inkscape استفاده کنند؟

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

با Inkscape، مردم می توانند تصاویری باشکوه را ایجاد کنند که بسیار واقعی و حرفه ای هستند.

مبانی Inkscape

مبانی Inkscape

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

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

با برخی از پروژه های کوچک شروع کنید

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

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

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

Inkscape و گرافیک برداری

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

گرافیک برداری به شما امکان می دهد آن عناصر را تبریل به چیز دیگری کنید یا آن ها را دستکاری کنید. در اصل، تقریباً هر چیزی را که می‌توانید با دست بکشید، می‌توانید با نرم‌ افزار گرافیک برداری نیز بکشید. در قلب گرافیک برداری تصاویر SVG نهفته است که مخفف Scalable Vector Graphics است.

تصاویر SVG را می توان جستجو، فهرست بندی، اسکریپت و فشرده سازی کرد. تصاویر SVG را می توان با هر ویرایشگر متنی و همچنین با نرم افزار طراحی ایجاد و ویرایش کرد. همه مرورگر های وب مدرن – از جمله موزیلا فایرفاکس، اینترنت اکسپلورر، گوگل کروم، اپرا، سافاری و مایکروسافت اج- از رندر SVG پشتیبانی می کنند.

ویکی پدیا

این یعنی چه؟ این بدان معناست که فایل های Inkscape استاندارد هستند و با اکثر مرورگر های وب قابل خواندن و ویرایش با اکثر نرم افزار های برداری از جمله Adobe Illustrator هستند.

مزایای استفاده از Inkscape

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

در ادامه یک دلیل عالی دیگر برای استفاده از ابزار Inkscape وجود دارد:

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

ابزار Inkscape برای استفاده حرفه ای

Inkscape برای استفاده حرفه ای

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

همه نرم‌افزار های گرافیک برداری به روش‌های مشابهی عمل می‌کنند زیرا از یک فلسفه مشترک می‌آیند. به همین دلیل است که یادگیری Illustrator پس از استفاده از Inkscape چندان دشوار نیست. Inkscape و Illustrator به یک شکل عمل می کنند زیرا هر دو نرم افزار برداری هستند که پایه یکسانی دارند.

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

نتیجه: ابزار Inkscape را دانلود کنید و اکنون طراحی را شروع کنید

همانطور که می بینید، Inkscape یک برنامه ویرایش وکتور قدرتمند است که کاربران مبتدی و پیشرفته می توانند از آن استفاده کنند. همچنین Inkscape یک انتخاب عالی برای استفاده شخصی و حرفه ای است. یکی از مهم ترین مزایای آن این است که نرم افزار رایگان و منبع باز است که می توانید آن را در ویندوز، لینوکس و مک دانلود کنید. با این حال، علیرغم اینکه نرم افزار رایگان است، به شدت با نرم افزار های تجاری مانند Adobe Illustrator یا ابزار Corel Draw رقابت می کند.

منبع: selfmadedesigner.com

برچسب‌ها:, , ,