جمعه ۱۰ فروردین ۱۴۰۳ |  عضویت / ورود

33 طرح اولیه سایت بر روی کاغذ


این طرح‌های اولیه را در سایت designbeep.com دیدم، خوشم آمد. حیفم آمد یک نسخه روی سایت آپلود نکنم. برای کلاس‌های طراحی وب نیاز می‌شود.

در بحث طراحی وب، طراحی نسخه اولیه سایت روی یک کاغذ، خیلی مهم است. اگر توانستید ابتدا طرح خود را روی کاغذ پیاده کنید، آن‌وقت می‌شود امیدوار بود که طرحی که در ذهن دارید، روی سایت هم پیاده خواهد شد.

من خودم علاقه شدیدی دارم که ابتدا روی کاغذ طرح را ایجاد کنم. تقریباً همه کاغذها را نگه می‌دارم و به دانشجوهای دوره‌های مرتبط (به خصوص در درس مهندسی نرم افزار) نشان می‌دهم.

مثلاً سال 1387 برای سایت YouRL.ir این طرح را روی کاغذ ایجاد کردم و اگر سایت فعلی yourl.ir را ببینید، متوجه می‌شوید که دقیقاً همینطور شده است!

برای مشاهده عکس بزرگ‌تر روی عکس زیر کلیک کنید:

https://img.aftab.cc/news/91/yourl_ir_scratch.jpg

در برگه دیگر، تمام آدرس‌هایی که به نظرم می‌آمده است را نوشته‌ام و مزایا و معایب هر یک را در ذهن بررسی کرده‌ام.

طرح نهایی این شده است:

https://img.aftab.cc/news/91/yourl_ir_scratch.png

 

به هر حال، طرح‌های دیگری از سایت‌های خارجی که هر کدام می‌تواند یک الگو باشد را با هم مرور کنیم:

Personal Website UI Sketch

website sketches

 

SAM-Website Sketches

website sketches

 

OoPixel Website Paper Sketch

website sketches

 

Web Sketch

website sketches

 

بقیه در «ادامه متن...»

کلمات کلیدی: طراحی سایت، معرفی سایت، designbeep.com، طراحی وب، کلاس های طراحی وب، پیاده سازی طرح سایت روی کاغذ، مراحل طراحی سایت، طرح اولیه سایت،yourl.ir، قالب اولیه سایت.

Timanttiremontti.fi Website Initial Sketch

website sketches

 

Web Sketch

website sketches

Website Sketches

website sketches

 

Bermuda Triangle Site Organization

website sketches

 

Website Thumbnail

website sketches

 

Original Sketch

website sketches

 

Vimeo Profile Page Idea

website sketches

 

GEOINT2009 (Microsite)

website sketches

 

Coastal Capital Partners Wireframe Sketch

website sketches

 

Cartoonity.com UI Sketch

website sketches

 

CommLogix Wireframe Sketch

website sketches

 

Librespeak Interface Sketch

website sketches

 

Best of Philly Sketch

website sketches

 

Vimeo Conversations Page Ideas

website sketches

 

Sketching

website sketches

 

OnlyJames Wireframe Sketch of Article Detail

website sketches

 

Quick Idea for the Order Of Magnitude Homepage

website sketches

 

Sketched Wireframe

website sketches

 

SAMHSA.gov Redesign

website sketches

 

War Of The Roses

website sketches

 

Image-based Search Results for Museum Collection

website sketches

 

Sketched Wireframe

website sketches

 

Wireframe-mlift-index

website sketches

 

Wireframe-index page-dz

website sketches

 

Wireframe-index-credit

website sketches

 

Moving Menu Options

website sketches

 

Initial Ideas for a New Blog Design

website sketches

 

BlogEngine Add/Edit Posts Form

website sketches



[ارسال شده در مورخه : جمعه، 29 اردیبهشت، 1391 توسط Hamid]
[ #دانستني‌هاي IT]



بازدیدها از این مطلب: 17065 بار   امتیاز متوسط : 0  تعداد آراء: 0   امتیاز دهید:

نظرات طرح شده

نام: [ کاربر جدید ]
ایمیل:

نظر:


اجازه استفاده از تگهای HTML را ندارید


جمع عدد 7 با 5 را در كادر زیر وارد نمایید:
(این كار برای جلوگیری از فعالیت موتورهای اسپمر است)


* توجه: نظر شما بعد از بررسی، نمایش داده خواهد شد.