در حال نمایش 1 نوشته (از کل 1)
  • نویسنده
    نوشته ها
  • #33332

    academyit
    مشارکت کننده

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

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

    1.Pattern Lab

    Pattern Lab یک ابزار بر اساس الگو ها می باشد که توسط Dave Oslen و Brad Frost درست شده است. این ابزار بر اساس طراحی اتمیک است به این معنی که طراحی شما را به کوچیکترین اجزای تشکیل دهنده ی آن ها میشکاند و از کوچکترین جز سازنده به اسم اتم و ترکیب کردن اونا با هم کم کم کامپوننت ها رو میسازیم و طراحی رو پیش می بریم. این اجزایی که از ترکیب کردن این اتم ها به دست میاد قابلیت استفاده ی دوباره دارند .
    اگر چه هسته ی سایت طراحی استاتیک یک وب سایت می باشد اما Patter Lab خیلی بیشتر از ایناست. هم زبان و هم ابزاری مناسب و عالی است. به شما اجازه می دهد تا الگو های UI را درون الگوهای دیگر قرار دهید و همینطور با داده های پویا طراحی کنید. و ویژگی هایی داره که به شما اطمینان میده که بتونین با viewport های مختلف و صفحه ها مختلف کار کنین تا کاملا مطمئن شید که طراحی شما واکنشگرا می باشد. به شما همچنان این اطمینان را می دهد که طراحی شما کاملا قابل گسترش و توسعه می باشد.

    2.Vivaldi

    بعضی وقتا بهترین ابزار میتونه یه چیزی به راحتی یه مرورگر جدید باشه. Vivaldi یک مرورگر قابل شخصی سازی است که برای قدرت کاربران که به دست کسانی که Opera را درست کردند ، ساخته شده است. با دوبرابر کردن مرورگر برای شما دوستان ، Vivaldi به وسیله تکنولوژی های وب ساخته شده است . JavaScript و React که استفاده می کنیم تا ارتباط کاربری خود را بسازیم همراه با Node.js و همینطوری بسیاری از ماژول های NPM .
    Vivaldi بیشترین مرورگر قابل شخصی سازی است که در خارج در حال حاضر وجود دارد و کنترل های جذاب دیگری مثل ابزاری برای command line ها و صفحه ای برای نت برداری و… دارد که به شما اجازه می دهد همینطور سایت های مورد علاقه ی خودتان را در یک جا نگه داری کنید.

    3.Affinity Designer

    طراح Serif’s Affinity به عنوان کشنده ی فتوشاپ شناخته شده است و این بی دلیل نیست و به راحتی علت آن قابل مشاهده می باشد.اولین تاثیر آن این است که این ابزار واقعا انگار که فقط برای طراحی وب ساخته شده است و همینطور ابزار های گرافیکی آن کاملا مختص به این کار است.
    یه سری خصوصیت های خیلی جالب داره که من خیلی دوستشون داشتم ، شامل لایه های سازگار و غیر مخرب. این دقیقا به این معنی می باشد که مستونسن عکس ها و بردار ها رو بدون آسیب رسوندن به اونا تطبیق بدین.
    میتونین بزرگ نمایی در حد و اندازه ی 1000000 داشته باشید که برای فتوشاپ به میزان 32000 بود که این میزان بزرگ نمایی برای کار های طریف با وکتور ها بسیار مناسب هستند و میتونین کاملن به چیزی که میخواین تغییرش بدین کاملن نزدیک بشین. برگشت و همینطور تاریخچه خصوصیت ها بسیار کارآمد می باشند و به شما اجازه می دهد 8000 قدم بر میگردد!

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

    4.Avocode

    Avocode ابزاری است که به توسعه دهندگان ظاهر کمک می کند تا به راحتی از Photoshop و Sketch طرح طراحی شده ی خود را کد نویسی کنند. این ابزار به وسیله همان گروهی ساخته شده که PNG hat و CSS hat را به بازار آورده اند و خب از آن ها بعید نبود تا پروسه ی خروجی را یک قدم جلوتر حرکت بدهند.اگر چه قدم های قبلی هم به شما اجازه می داد که از دارایی خود خروجی بگیرید ، چیزی که Avocode را خیلی ویژه می کند این است که می توانید فقط با یک کلیک و با استفاده از پلاگین Photoshop ، PSD خود را با Avocode همگام یا Sync کنید.
    Avocode سریعا و به صورت اتوماتیک PSD و یا فایل Sketch شما را آنالیز می کند و همه چی رو به صورت یک UI طراحی شده ی زیبا در می آورد. شما بعد از کنترل همه جانبه ای بر روی صادر کردن دارایی های خود دارید به طور نمونه می توانید به صورت استاندارد به صورت SVG خروجی بگیرید.

    همچنین میتوانید با کلیک کردن بروی المان های خود کد مربوط به اون المان را کپی کرده و روی ویرایشگر دلخواه خودتون قرار دهید.
    گفته ی یکی از بنیان گذاران Avocode : ” به شما هرچیزی را که برای کد زدن نیاز دارید را ارائه می دهد – یک پیش نمایش ای از طراحی و همینطود دسترسی به تمامی لایه ها و صادر کردن دارایی ها.”
    “بهترین قسمت اینه که دیگه توسعه دهندگان نیازی به استفاده از Photoshop و همینطور Sketch را ندارند و این جریان کاری کنونی افتضاح بود! برای همین هم ما Avocode را به آن ها عرضه کردیم.”
    در کل نمیتونه بگم ممکنه یک ابزاری توسعه دهندگان رو 100% قانع کنه ولی خب من ازین ابزار برای برگرداندن PSD ها و فایل های Sketch به طراحی های قابل تعامل استفاده می کنم.
    ادامه مطلب در

در حال نمایش 1 نوشته (از کل 1)

کاربر گرامی برای پاسخ به این موضوع اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.