عنوان مقاله :

30 نمونه wireframe زیبا و آماده برای طراحی وب و تلفن همراه

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 07 تیر 1394
دسته بندی ها : گرافیک , ابزار طراحی

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

  • بسته های Wireframe  برای صفحات وب 

Webpage Wireframe Stencil (AI & EPS) 

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

Wireframe Kit  (PSD) 

این بسته Wireframe  توسط Rafal Tomal ساخته و منتشر شده است . المنت های رایج یک وبسایت مثل ( سرچ باکس و بخش عضویت ) , ویدئو ها و تصاویر ، فیلد های فرم ، انواع هدر ها ، پارگراف ها ، لیست های مختلف و بنر های مختلف در این بسته قرار داده شده و شما میتونید به راحتی ازش استفاده کنید . 

Vector Wireframe Kit & Symbol Library (AI)

این بسته توسط Giles Newman ساخته شده . این بسته شامل تمام عناصر شناخته شده و همچنین المنت های سفارشی شده که با Illustrator طراحی شده که شما این توانایی رو دارید بطور کامل رو تمام عناصر تغییر ایجاد کنید و همچنین دارای یک کتابخانه از عناصری است که شما با ترکیب کردن اونا میتونید عناصر جدیدتر بدست بیارید .

Wired – Flat Web Elements (Sketch, EPS & PNG)

Shades 1.0 Wireframing Vector Kit (AI)

Sally Blocks (PSD)

Wireframe Kit (Sketch)

15 Free Wireframes (AI)

Jolly Hand-Drawn UI Kit (EPS & AI)

20 UX Item Pack (AI)

Responsive Web Wireframes Templates (PSD)

Blueprint Wireframe Kit (PSD)

Basiliq Freehand UI Kit (PSD)

بیشتر از 300 اجزای مختلف در این بسته UI برای شما قرار داره ، که به شما اجازه میده تا هر نوع وبسایت یا برنامه موبایل که بخواین رو سریع آماده کنید  

Fireworks Wireframe Stencils (Fireworks PNG)

Bootflat UI Kit  (PSD)

 

  • بسته های Wireframe  برای برنامه موبایل ها 

Windows Phone 8 Wireframe Kit (AI)

Android Vector Wireframing Toolkit (AI)

iOS 7 iPhone Wireframe Toolkit (AI & PDF)

Mobile Wireframe Diagram Template (Sketch)

iPhone 6 UX Workflow (AI)

Mobile UI Blueprint (PSD)

iPhone Wireframe UI Set (Sketch)

App Wireframes Kit (AI & PNG)

Mobile Wireframe Kit (PSD)

iOS7 Wireframe (PSD)

iOS 7 Wireframe Kit (AI, PNG, Graffle & PDF)

این کیت شامل رایج ترین عناصر UI در iOS 7 بتا 3، که اجازه می دهد تا شما به راحتی در Illustrator با این Wireframe کار کنید . 

Android Wireframe Kit (Sketch)

Android UI XHDPI Template (Sketch)

WireKit iPhone Kit (PSD)

این الگو شامل بیش از 60 Wireframe  از رایج ترین عناصر در iOS UI ، که در دو سبک منحصر به فرد برا شما آماده سازی شده است . 

iPhone App Wireframe (PSD)

  

iPhone App Wireframe (Sketch)

مقالات پیشنهادی

jQuery.my - اتصال داده به صورت دوطرفه و انی

jQuery.my یک پلاگین سبک و کم حجم جی کوئری برای اتصال داده ها به صورت دوطرفه و انی است . این پلاگین جهش ژنتیکی بصورت شی گرا داده و به عنوان منبع اطلاعا...

کتابخانه جاوا اسکریپت برای ساختن ویرایشگر WYSIWYG

امروز میخوام یک ابزار مفید رو بهتون معرفی کنم Content Tools ، این ابزار یک کتابخانه جاوااسکریپت مفیده برای ساختن ویرایشگر WYSIWYG برای محتوای HTML . ا...

جدیدترن ابزار طراحی و برنامه نویسی وب - مهر 94

تحولات دیگه بصورت گذشته هر سال یا هر ماه اتفاق نمیوفته بلکه بصورت لحظه ای همه چی متحول میشه این قانون بر اینترنت و طراحی و برنامه نویسی وب هم حکم میکن...

10 فریم ورک برای ساده کردن طراحی Material Design

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

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است