تبلیغات در ترفندستان
+ ارسال تاپیک جدید
نمایش نتایج: از 1 به 2 از 2

موضوع: معرفی ابزار های طراحی وب سایت

  1. #1

    Post معرفی ابزار های طراحی وب سایت

    استفاده درست از ابزار های [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ] سبب می شود تا شما کارآمد تر و سریع تر کار کنید. در ادامه به بررسی درخشان ترین ابزار های طراحی وب سایت در سال 2018 می پردازیم.
    Sketch

    Sketch به سرعت ابزار فتوشاپ را به عنوان ابزار طراحی UI جایگزین می کند. اجازه دهید کمی واضح تر بگویم: بله، ما می دانیم که همه ابزار طراحی Vector UI Sketch را شنیده اید، اما به نظر می رسد هنوز بسیاری از طراحان وب سایت از فتوشاپ برای طراحی UI استفاده می کنند.
    روری بری، مدیر خلاق در Superrb اعتقاد دارد استفاده از فتوشاپ برای [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ] اشتباه است. او مدت ده سال از فتوشاپ استفاده می کرد و اعتقاد داشت یاد گرفتن چیز های جدید و انجام تغییرات سایت به سختی انجام می شد. از جمله دلایل او این بود که Sketch در مقایسه با فتوشاپ، تمام اسناد شما را که مرتب کرده و انجام تغییرات در Sketch بسیار ساده تر است. همچنین سیستم داخلی ساخته شده در Sketch بزرگ است و باعث طراحی رابط کاربری بسیار ساده تر می شود. امروزه جامعه Sketch صدها پلاگین را ارائه می دهد تا جریان کار طراحان را ساده تر و روان تر کند.

    Adobe XD

    ادوبی امروزه ابزار های اختصاصی طراحی برداری و ابزار wireframing خود را دارد که جدیدا نسخه بتا آن را هم منتشر کرده است. Adobe XD شامل ابزارهایی است که شما را قادر می سازد تا تعاملات غیر استاتیک، پیش نمایش های تلفن همراه و دسکتاپ را تعریف کنید و از ابزارهای به اشتراک گذاری برای دریافت بازخورد در طرح ها استفاده نمایید.
    الیس راجرز، طراح گرافیک در Receptional می گوید: "هنگامی که طراحی اولیه کامل می شود، ادوبی XD به شما امکان می دهد تا به سرعت به انتخاب عناصر و ایجاد تغییرات در صفحه بپردازید که این صفحه می تواند از طریق یک لینک به اشتراک گذاشته شود. از این لینک برای دریافت بازخورد استفاده می شود. بنابراین مشتری همیشه می تواند آخرین نسخه را مشاهده نماید."

    Figma

    Figma یک ابزار طراحی رابط کاربری وب سایت است که به طراحان این اجازه را می دهد تا چند نفر به طور همزمان کار کنند. این ابزار در مرورگر یا در ویندوز، مک یا لینوکس در دسترس است و بسته به نیاز خود می توانید از نسخه رایگان یا پولی آن استفاده کنید.
    Figma دارای یک USP مشابه با Sketch است و روند استفاده از آن بسیار ساده و روان می باشد. همچنین با استفاده از این ابزار می توانید گرافیک را با دیگران به اشتراک بگذارید.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    Affinity Designer

    دان ادواردز، مدیر No Divide، می گوید: "اولین برداشت من این است که برنامه فوق العاده خوب طراحی شده و احساس می کنم که این برنامه شامل ابزار های طراحی وب سایت و گرافیکی اختصاص یافته است." از جمله ویژگی های مهم Affinity Designer این است که شما می توانید تصاویر و یا بردارها را بدون وارد شدن صدمه ای به آن ها تنظیم کنید. زوم 1،000،000،000 درصد نیز از جمله مزایای فوق العاده این ابزار طراحی سایت می باشد. به نظر می رسد Affinity یکی از رقبای جدی فتوشاپ خواهد بود.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    Anime

    با استفاده از موتور انیمیشن Anime می توانید برنامه های خود را ویرایش کنید. اگر چه استفاده از انیمیشن ها در طراحی وب سایت اغلب اوقات مناسب نیست ولی توسعه دهندگان همیشه به دنبال راه هایی برای ساده تر شدن کارها هستند. استفاده از انیمیشن های css خوب است، اما تعاملات پیچیده تر اغلب نیاز به یک کتابخانه دارند. Anime ابزار جدیدی است که می توانید از آن برای ایجاد انیمیشن های جذاب در وب سایت خود استفاده نمایید که یک نمونه کد آن را در زیر قرار داده ایم:
    var myAnimation = anime({
    targets: ['.box1', '.box2'],
    translateX: '5rem',
    rotate: 180,
    duration: 3000,
    loop: true
    });
    این API به شما اجازه می دهد که عناصر را با استفاده از انتخابگرهای CSS، عناصر DOM یا حتی اشیاء جاوا اسکریپت استفاده کنید.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    Avocode

    Avocode باعث می شود توسعه دهندگان رابط کاربری برای کد کردن وب سایت ها یا برنامه ها راحت تر باشند. Avocode به سرعت و به طور خودکار فایل PSD یا Sketch را تجزیه و تحلیل می کند و یک UI زیبا به شما تحویل می دهد. شما همچنین می توانید بر روی عناصر در طراحی کلیک کنید و کد آن را به یک ویرایش گر متنی دلخواه ارسال نمایید. وو هوانگ آنه، یکی از بنیانگذاران Avocode، می گوید:"بهترین چیزی که این برنامه ارائه می دهد این است که توسعه دهندگان هرگز به Photoshop یا Sketch نیاز نخواهند داشت."
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    Vivaldi

    گاهی اوقات بهترین ابزار می تواند یک مرورگر جدید باشد. Vivaldi یک مرورگر وب سریع، قدرتمند و قابل تنظیم برای کاربران است که توسط برخی از افرادی است که Opera را شروع کرده بودند ساخته شده است. Vivaldi قابل تنظیم ترین مرورگر وب است و همچنین ویژگی های دیگری مانند کنترل خط فرمان، پانل برای گرفتن یادداشت ها، جمع آوری و مرتب سازی بروشور و پانل های وب را فرآهم می کند که شما را قادر می سازد تمام سایت های مورد علاقه خود را برای دسترسی آسان در یک مکان قرار دهید.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    CodePen

    CodePen در سال 2012 توسط Alex Vazquez تاسیس گردید از بزرگترین و شایسته ترین جوامع وب برای تست و نمایش کد های HTML، CSS و jаvascript می باشد. طی پنج سال گذشته، این برنامه دارای دو ویرایشگر کد آنلاین و یک محیط آموزشی مجازی با قابلیت اجرا بوده است که توسعه دهندگان می توانند از طریق آن بازخورد های مهمی را دریافت کنند. به تازگی CodePen یک جهش بزرگ دیگر را با راه اندازی IDE خود انجام داده است، که به شما اجازه می دهد وب سایت های خود را در مرورگر خود، ایجاد کنید. با استفاده از این ابزار شما می توانید سایت خود را قبل از ساختن آن پیش نمایش دهید.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    بوت استرپ

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

    • کاهش پشتیبانی از IE8 و iOS6
    • حرکت فایل های CSS از Less به Sass
    • واحد های اندازه گیری اصلی از px به rem تغییر کرده است.
    • پشتیبانی از Flexbox در گرید ها
    • استفاده از یک کامپوننت جدید برای جایگزینی اجزای قدیمی تر

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

    کویل به عنوان یک ویرایشگر WYSIWYG متن باز برای طراحی سایت های مدرن به حساب می آید. این ویرایشگر بسیاری از زمینه های مختلف برنامه های کاربردی را شامل می شود، بنابراین جای تعجب نیست Quill از زمان عرضه نسخه 1.0 بتا در اواسط سال 2016 محبوبیت زیادی نداشته است.
    اما قدرتمند ترین ویژگی های کویل انعطاف پذیری و قابلیت توسعه آن با استفاده از ماژول ها و یک API قدرتمند است. کویل تم ها و ماژول هایی ارائه می دهد که حاوی نوار ابزار، صفحه کلید، کلیپ بورد و تاریخ است. شما می توانید بسیاری از این ویژگی ها را در کویل تست کنید.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    SVGito

    SVGito یک برنامه وب رایگان است که فایل های SVG شما را پاک می کند تا شما را از ویرایش دستی آن ها نجات دهد. با استفاده از این ابزار به طور خودکار SVG های خود را با لمس یک دکمه بهینه می کنید و معمولا اندازه و پیچیدگی آن ها را بدون تغییر آنچه که در واقع بر روی صفحه نمایش است، کاهش می دهد.
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    منبع: [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
  2. #2

    پیش فرض

    برای طراحی سایت و آموزش طراحی سایت به آردیزاین وب سر بزنید .
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
+ ارسال تاپیک جدید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. طراحی سایت با قالب های آماده وب سایت
    توسط balavipourali در انجمن طراحی سایت و برنامه‌نویسی تحت وب
    پاسخ: 0
    آخرين نوشته: November 16th, 2015, 14:16
  2. معرفی وب سایت: فهرست وب سایت های ایرانی
    توسط battlefield 3 در انجمن اخبار دنیای اینترنت
    پاسخ: 0
    آخرين نوشته: September 30th, 2012, 23:31
  3. سایت های ابزار وب رایگان
    توسط karimi72 در انجمن وبلاگ‌نویس‌ها
    پاسخ: 2
    آخرين نوشته: November 20th, 2008, 17:01

کاربرانی که این تاپیک را مشاهده کرده اند: 0

هیچ عضوی در لیست وجود ندارد.

کلمات کلیدی این موضوع

adobe، affinity، anime، api، avocode،، css، photoshop، sketch، svg، vivaldi، ابزار، ابزار طراحی سایت، ابزار طراحی وب سایت، اجازه، ارائه، است، است،، استرپ، استفاده، اشتراک، اعتقاد، اغلب، العاده، اما، امروزه، انجام، اندازه، انیمیشن، اوقات، ایجاد، ایم، این، بازخورد، باشد، باعث، بتا، بدون، برای، برنامه، بزرگ، بزرگترین، بسیار، بسیاری، بنابراین، بوت، بود، بوده، ترین، تست، تعاملات، تغییر، تغییرات، تمام، تنظیم، تواند، توانید، توسط، توسعه، جدید، جمله، جوامع، خواهد، خوب، خود، خودکار، داده، دارای، دارد، داشت، دریافت، دهد، دهندگان، دهید، رابط، راه، رایگان، رسد، روان، روی، زیر، ساخته، ساده، سازد، سال، سایت، سرعت، شامل، شایسته، شدن، شده، شما، شود، شود،، صفحه، طراحان، طراحی، طراحی وب سایت، طریق، طور، عناصر، عنوان، فایل، فتوشاپ، فریم، فوق، قابل، قابلیت، قادر، قدرتمند، قرار، لینک، ماژول، مدیر، مرتب، مرورگر، نخواهند، نسخه، نظر، نمایش، نمایید، نیاز، نیز، نیست، های، هایی، هرگز، همچنین، همیشه، ورک، ولی، ویرایش، ویرایشگر، ویژگی، پانل، پشتیبانی، پیش، کار، کاربری، کاهش، کرده، کند، کنند، کنید، کویل، گرافیک، گردید، گرفتن، گوید، گویدبهترین، یکی

نمایش برچسب‌ها

مجوز ‌های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست ‌های خود را ویرایش کنید
  •  

اکنون ساعت 18:15 برپایه‌ی ساعت جهانی (GMT +3.5) می‌باشد.

تبلیغات متنی

عضویت در خبرنامه

با عضویت در خبرنامه‌ی سایت، جدیدترین ترفندها، نقد و بررسی‌ها و مطالب مدرسه فناوری به طور خودکار به ایمیل شما ارسال می‌شود. بعد از کلیک بر روی دکمه‌ی «مشترک شوید»، بایستی کد داخل تصویر را وارد کرده، سپس به صندوق ایمیل خود مراجعه کنید و روی لینک تأیید کلیک کنید تا اشتراک شما نهایی شود.

کلیه حقوق مادی و معنوی متعلق به وب سایت ترفندستان است. برداشت مطالب و تصاویر تنها با ذکر نام ترفندستان مجاز است.