عنوان مقاله :

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)

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

50 منبع رایگان برای طراحان وب در اسفند 94

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

6 ابزار رایگان برای ایجاد فونت آیکون شخصی

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

تست SEO با افزونه کروم awrstudyr

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

50 مجموعه برتر فونت آیکون برای طراحی وب سایت

همونطور که می دونید استفاده از وب فونت ها در وب سایت ها و وبلاگ های امروزی امری ضروری به حساب میاد و تقریبا وب سایت یا وبلاگی رو نمی بینید که از فونتی...

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

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