نوشته ها مربوط به بخش طراحی وب

طراحان وب در برابر برنامه‌نویسان وب! (اینفوگرافیک)

در نگاه اول ممکن است بتوانید تشابهات زیادی را بین ۲ قشر تاثیرگذار وب، یعنی طراحان و برنامه‌نویسان بیابید اما در عمل این دو تفاوت‌های زیادی را باهم دارند! می‌توان این تفاوت‌ها را در موارد مختلفی، از میزان سطح درآمد گرفته تا چیزهای دیگر مشاهد کرد. برای کاربرانی که چندان با این مقوله آشنا نیستند باید بگوییم که طراحی یک وب‌سایت علاوه بر داشتن یک ظاهر زیبا (که به عهده طراح وب است)، باید پیکربندی مناسبی را نیز در پس ماجرا داشته باشد. کاری که تنها از عهده یک برنامه‌نویس وب برمی‌آید.

web-designers-versus-web-developers-little.jpg

البته این نکته را نیز باید در نظر گرفت که در ایران، این دو قشر چندان با یکدیگر تفاوتی ندارند و کسی که کار طراحی وب‌سایت می‌کند عملا یک آچار فرانسه است اما اگر بخواهیم از منظر جهانی به این قضیه نگاه کنیم همه‌چیز فرق می‌کند. اینفوگرافیک ها، معمولا در به‌نمایش در آوردن جزئیات یک مسئله به همراه شکل و تصویر بسیار کاربردی هستند. شما می‌توانید در یک عکس، درک بهتری از توضیحات مربوط به موضوع‌تان داشته باشید. این اینفوگرافیکی را هم که در ادامه می‌بینید، تفاوت و شباهت‌های موجود بین برنامه‌نویسان و طراحان وب را به‌زبانی بسیار ساده و عامیانه به نمایش می‌کشد.

ادامه نوشته طراحان وب در برابر برنامه‌نویسان وب! (اینفوگرافیک).
بالاي صفحه

49 صفحه خطای 404!

یکی از قسمت های سایت که طراحان وقت زیادی برای طراحی آن صرف می کنند، صفحات خطا و به خصوص صفحه خطای 404 است، صفحه خطائی که در صورت پیدا نشدن صفحه یا فایل نمایش داده می‌شود. در "گوگل به صفحه های خطا هم رحم نمی‌کند!" و "مایکروسافت: 404 برای من!" به تلاش برای تصاحب این صفحات پرداختیم،همچنین در" سفارشی کردن صفحه خطای 404!" به قوانینی برای ساخت این صفحات اشاره شد، اما در صورتی که قصد ساخت این صفحات را به صورت شخصی داشته باشید دو راه پیش رو خواهید داشت ، اول آنکه طراح قابل و خلاقی باشید و دوم آنکه از نمونه های جالب ایده و الهام بگیرید.

Weblogina-404-Error

در اکثر موارد دیدن نمونه هائی که مورد پسند و در نوع خود جالب باشند خالی از لطف نیست، چون در صورتی که طراح نباشید و علاقه زیادی به طراحی این صفحه خطا داشته باشید می‌توانید با دیدن این نمونه ها، صفحه خطای حرفه ای برای سایت خود بسازید. در اینجا می توانید 49 صفحه خطای 404 خلاقانه را مشاهده کنید. 

پس اگر شما هم تا به حال برای ساخت این صفحات افدام نکرده اید، همین حالا هنر خود را شکوفا کنید!

دانلود قسمت اول نمونه صفحات خطای 404

دانلود فسمت دوم نمونه صفحات خطای 404

بالاي صفحه

ده ویدئو آموزشی برای طراحی وب در سطح مقدماتی

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

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

design will save world
ادامه نوشته ده ویدئو آموزشی برای طراحی وب در سطح مقدماتی.
بالاي صفحه

دانلود رایگان کتاب ترفندهای فوتوشاپ!

چند روز گذشته در لا به لای فید هایی که می خواندم، پستی از وبلاگ Stuff By Sarah را دیدم که خبر جالبی را عنوان کرده بود. "سایت پوینت، یکی از کتاب های آموزش فتوشاپ خود را برای مدت محدودی به طور رایگان در دسترس کاربران قرار داده است." خوب این خبر بسیار خوبی برای همه کاربران این نرم افزار و به خصوص طرفداران کتاب های آموزشی در سطح ایده آل است. نکات حائز اهمیت زیادی را می‌توان در مورد این کتاب و نویسنده آن بیان کرد که سعی می کنم به طور مختصر به آن بپردازم.

درباره نویسنده: Corrie Haffly اولین کار جدی خود را با ساخت یک صفحه وب در سال ۱۹۹۸ آغاز کرد. او از فتوشاپ برای ساخت گرافیک های تحت وب استفاده می‌کند. پس از فارغ التحصیل شدن از دانشگاه دیویس، به عنوان یک طراح در شرکت Advantrics مشغول به کار شد. آنجا بود که موجب شد تا او PixelMill را به عنوان فروشگاه قالب های متنوع خود ایجاد کند. Corrie در حال حاضر به عنوان یک طراح وب در دیویس (کالیفرنیا) مشغول به کار است.

درباره کتاب: نام کامل کتاب The Photoshop Anthology: ۱۰۱ Web Design Tips, Tricks & Techniques می باشد که به شما مباحث مختلفی را در زمینه های طراحی جذاب در وب، آموزش نکات مفهومی فتوشاپ، ساخت وب سایت های نمونه توسط فتوشاپ و دیگر زمینه های این چنینی را آموزش می دهد. (برای دیدن جدول محتویات کتاب از این لینک استفاده کنید.) بنابراین اگر به دنبال یادگیری نکات و ترفند های ایده آل در فتوشاپ می گردید، داشتن نسخه ای از این کتاب را به شما پیشنهاد می کنم! تعداد صفحات کتاب ۲۷۸ صفحه و به صورت تمام رنگی است. قیمت آن هم ۲۹.۹۵ دلار است که هم اکنون شما می‌توانید به طور کاملا قانونی آن را از سایت اصلی با فرمت PDF دانلود نمایید. این کتاب در دو نسخه با وضوح بالا (۶۴ مگابایت) و با وضوح پایین (۲۳ مگابایت) عرضه شده است. برای دانلود آن (که دارای محدودیت زمانی تا ۲۴ روز دیگر می باشد) می‌توانید از این لینک استفاده کنید. تنها به سایت مبدا رفته و فرم را کامل کنید تا لینک های دانلود به ایمیل شما ارسال گردد. همین!

بالاي صفحه

۱۱ کتاب کاملا رایگان برای طراحی وب!

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

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

کتاب,کتاب الکترونیک,دانلود کتاب

Developing User-Friendly Flash Content: اگر به زمینه فلش و طراحی سایت های فلش علاقه مندید این کتاب کمک شایانی را در این زمینه به شما خواهد کرد.

Flash Usability White Paper: کتابی است که بیشتر در مورد مزایای فلش و ترویج آن به عنوان گزینه ای مناسب برای ایجاد محتوای تحت وب بحث می‌کند.

Free Web Design EBook: این کتاب بیشتر در مورد فروشگاه های اینترنتی و شیوه و روش طراحی آن بحث می‌کند.

A Hitchhiker’s Guide to the Obvious: Web Usability ۱۰۱: ترفندهایی برای اینکه بتوانید وب سایت تان را از نظر ظاهری، کابردی تر کنید!

The Top ۱۰ Web Site Design Do’s: ده روش پرکاربر هنگام طراحی وب. از کد نویسی HTML گرفته تا ایجاد یک سایت کامل!

Integrate Design to Create Brand Harmony: ترکیب کردن برند با قالب یک سایت کار نسبتا دشواری است. این کتاب در مورد نحوه انجام این کار شما را راهنمایی می‌کند.

۱۰Tips for Designing an Ecommerce Web Site : برای ساخت یک وب سایت تجاری به چیز هایی نیاز دارید؟ این کتاب به شما کلیه این نیاز ها را خواهد گفت!

Creating a PHP-Based Content Management System: اگر موفق به پیدا کردن سرویس دهنده ای برای مدیریت محتوای وب سایت و یا وبلاگ خود نشده اید احتمالا زمان آن رسیده تا خودتان دست به کار شوید! این کتاب بر پایه زبان PHP به شما نحوه ساخت یک سیستم مدیریت محتوا را خواهد داد!

Mosaic Layouts: How and Why to Avoid Creating Puzzle-Looking Websites: این کتاب به شما نحوه استفاده صحیح از تصاویر در صفحات مختلف وب را آموزش خواهد داد.

۱۰Tips for Creating Your Web Site: از نام آن پیداست! ده نمونه راهنما برای ساخت وب سایت شما!

AJAX Design Strategies: اگر به ای جکس علاقه مندید این کتاب برایتان مفید واقع خواهد شد. کتابی که شیوه به کاربردن این تکنولوژی را برای ساخت سایت های اجتماعی به شما آموزش خواهد داد.

بالاي صفحه

۴۰ وب سایت برای دانلود آیکون های زیبا!

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

دانلود آیکون

من ۲ راه را پیشنهاد می کنم! راه اول این است که به سایت های دانلود (مانند پی سی دانلود) مراجعه کرده و از پک های آماده و همچنین برنامه های ساخت آیکون موجود در آن استفاده کنید. اما راه دومی هم هست، می‌توانید از لیست زیر استفاده کنید!

دانلود آیکون

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

پک آیکون

اگر شما هم سایتی را در این زمینه می شناسید که نام آن در لیست زیر نیست، می‌توانید از طریق قسمت نظرات، سایت مورد نظر خودتان را معرفی کنید.

ادامه نوشته ۴۰ وب سایت برای دانلود آیکون های زیبا!.
بالاي صفحه

سفارشی کردن صفحه خطای 404!

وقتی شخصی به آدرسی از دامین شما مراجعه می‌کند که آن آدرس وجود خارجی ندارد، (به این دلیل که ممکن است آن صفحه حذف شده باشد یا آدرسی که کاربر وارد کرده و یا از آن وارد شده اشتباه باشد) با همان صفحه معروف 404 مواجه می‌شود.

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

صفحات خطای 404، اغلب به شکل زیرند:

IE 404 Error

FF 404 Error

تا زمانی که این صفحات به این شکل باشند، ارتباط کاربران با وبلاگ (یا وبسایت) شما به خوبی برقرار نخواهد شد و در اکثر موارد، آن ها صفحه را بسته و از محیط وبلاگتان خارج می شوند. این اصلا خوب نیست!

نگران نباشد، صفحه Error 404 خود را متحول کنید!

یکی از کارهایی که خود من هنگام گرفتن سفارش طراحی انجام می دهم، ساخت همین صفحه است. نمونه طراحی چنین صفحه ای برای وبلاگینا را می‌توانید به طور مثال از این لینک مشاهده کنید.
شما نیز می‌توانید چنین صفحه ای داشته باشد!

ادامه نوشته سفارشی کردن صفحه خطای 404!.
بالاي صفحه

اسپانسر‌های وبلاگینا

پی سی دانلود ایرسا وب