8 ابزاری که یک طراح وب به آن نیاز دارد

2024 نویسنده: Malcolm Clapton | [email protected]. آخرین اصلاح شده: 2023-12-17 03:54

Screensiz.es

Screensiz.es سایتی است که به راحتی می تواند به شما در یافتن ابعاد فیزیکی، وضوح صفحه نمایش، نسبت ابعاد و بسیاری از پارامترهای دیگر صفحه نمایش رایج ترین مدل های گوشی های هوشمند، تبلت ها و مانیتورها کمک کند. تمام اطلاعات به شکل ساده و قابل فهم - به شکل یک جدول - ارائه می شود. ده ها دستگاه مختلف اندرویدی، تبلت، از جمله BlackBerry Playbook، Microsoft Surface Pro و Barnes & Noble Nook وجود دارد. برای دستگاه های کمتر رایج، یافتن اطلاعات مورد نیاز نیز بسیار آسان است. Screensiz.es همچنین رتبه محبوبیت دستگاه را بر اساس آمار جستجوی Google و تعدادی معیار دیگر ارائه می دهد.

الگوهای ظریف

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

نوع گم شده

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

خودکار قرمز

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

روی الگو ضربه بزنید

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

فونت بلوک

نام Blokk برای خودش صحبت می کند. اغلب، هنگام طراحی چیدمان، طراح باید کامل بودن آن را با متن نشان دهد، که اغلب منجر به تلاش اضافی غیر ضروری می شود. واضح است که می توانید از نوعی مولد متن به سبک Lorem Ipsum استفاده کنید، اما راه حل ظریف تری نیز وجود دارد. فونت Blokk حرف های تایپ شده از صفحه کلید (fywalge) را به چیزی باریک و زیبا تبدیل می کند. به جای عبارات لاتین بی معنی، خطوط باریکی دریافت می کنید که خطوط متن را تقلید می کنند.

مجموعه آیکون توسط Brankic1979

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

رنگ توسط Hailpixel

البته هیچ کمبودی در انتخاب رنگ وجود ندارد. این یکی از ابزارهایی است که یک طراح باید همیشه در دست داشته باشد و Color by Hailpixel قطعا ارزش توجه دارد. وب سایت باز می شود و یک صفحه خالی با یک پیوند سیاه (# 000000) به شما نشان می دهد.همانطور که مکان نما را در اطراف صفحه حرکت می دهید، خواهید دید که چگونه رنگ پس زمینه تغییر می کند و پنجره ای که در مرکز قرار دارد، کد هگز مربوط به این رنگ را نشان می دهد. با کلیک کردن با ماوس، نواری از رنگ فعلی با مقدار عددی این رنگ ایجاد می شود. بنابراین، با حرکات ماوس، می توانید پالتی از رنگ های مورد نظر را برای استفاده بیشتر جمع آوری کنید. با کلیک بر روی "چرخ دنده" واقع در هر نوار ذخیره شده، پانلی با تنظیمات آن رنگ ظاهر می شود، جایی که می توانید مقادیر RGB و HSL را با دقت بیشتری تنظیم کنید. یک ابزار فوق العاده

آیا ابزار آنلاین مورد علاقه خود را دارید؟ در نظرات به ما اطلاع دهید.