آشنایی با اصطلاحات اولیه طراحی

  • بوسیله: سید یوسف هاشمی
  • در 1394/04/11 - 20:19
  • نظرات (11)
Design

Design

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

طراحی آن طور که همه فکر میکنند نیست و یک طراح با دغدغه های بسیاری مواجه هست. مهم تر از اون اینه که تو زمینه تخصصی باید طراحی خاص اون کار رو فرا گرفت و به نحو احسنت اون رو به پایان رسوند. در زمینه تولید نرم افزار و طراحی وب نیز طراحی به زیبایی هر چه بیشتر پروژه کمک میکند و جزء فراموش نشدنی اون به حساب میاد. به همین خاطر هم هست که همیشه میگویند “طراحی و تولید نرم افزار”. بیایید با اصطلاحات طراحی آشنا بشویم.

(بیشتر…)

8 مجموعه آیکون های فلت

  • بوسیله: محسن شفیعی
  • در 1392/02/03 - 19:16
  • دیدگاه‌ها برای 8 مجموعه آیکون های فلت بسته هستند
آیکون های فلت

آیکون های فلت

در طراحی های امروزی استفاده از طراحی فلت مرسوم شده است که با آمدن ویندوز 8 این نوع طراحی ها شیوع بیشتری پیدا کرد. طراحی های فلت اغلب دارای محیطی ساده در عین حال بسیار کاربر پسند هستند. در این مطلب میتوانید 8 مجموعه آیکون های فلت را دانلود کنید.

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

برای دانلود به ادامه مطلب مراجعه کنید

(بیشتر…)

وب سایت های مبتنی بر Grid-Base

  • بوسیله: محسن شفیعی
  • در 1392/01/21 - 19:21
  • یک نظر
Grid Base Design

Grid Base Design

امروزه اکثر سایتها به صورت Gird بندی شده طراحی میشوند. منظور از Gird طراحی به صورت لایه ای که هر لایه دارای حد و مرز مشخص است که در کنار لایه های دیگر قرار میگیرند. سایتهایی با طراحی پیچیده و هرج و مرج دیگر از بین رفته اند و یا حداقل در حال از بین رفتن هستند. نکته ای که در طراحی های ایرانی کمتر به چشم میخورد.

لایه ها دارای حد و مرز مشخص هستند و هر کدام از دیگری جدا هستند و به صورت کاملا مدرن طراحی میشوند هرچند ممکن است که این لایه ها با چشم قابل دیدن نباشند.

اما سایت هایی نیز وجود دارند که طراحی به صورت Grid-Base را پایه سایت خود قرار داده اند و هر قسمت از این سایت ها از یک شکل هندسی معمولا مستطیل شکل تشکیل شده است. در حالی که ساده به نظر میرسند اما با این حال خیلی شیک هستند.

در ادامه با ما باشید…

(بیشتر…)

10 نکته که قبل از طراحی وب باید بدانید

  • بوسیله: محسن شفیعی
  • در 1391/12/26 - 22:34
  • یک نظر
CSS3

CSS3

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

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

(بیشتر…)

ساخت پیش نمایش از وب سایت

  • بوسیله: محسن شفیعی
  • در 1391/10/26 - 19:44
  • نظرات (2)
ساخت پیش نمایش از وب سایت

ساخت پیش نمایش از وب سایت

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

آنجاست که مشتری شما میگوید من که منظورم این نبود. من میخواهم سایتم اینطوری یا اینطوری باشد. و در آن زمان من شما را درک میکنم.

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

سایت Wireframe

مثال استفاده از سایت Wireframe

آموزش طراحی ریسپانسیو

  • بوسیله: محسن شفیعی
  • در 1391/10/19 - 17:20
  • نظرات (29)
آموزش طراجی ریسپانسیو

آموزش طراجی ریسپانسیو

در این مطلب به آموزش پایه ای طراحی ریسپانسیو خواهیم پرداخت.

اگر هنوز مطلب  “طراحی ریسپانسیو (Responsive) چیست؟” را نخواندید توصیه میکنم ابتدا آن را بخوانید.

برای آنکه بتوانیم یک سایت ریسپانسیو را درست به کاربر نمایش دهیم باید ابتدا اندازه نمایشگر کاربر را بگیریم و مطابق با اندازه نمایگشر کاربر, سایت را نمایش دهیم.

نترسید. ما برای همه نمایشگرها طراحی جداگانه ای انجام نمیدهیم. فقط برای نمایشگرهایی با اندازه های پایین:

320px (نمایشگرهایی که کمترین عرضشان 320px است).

480px (نمایشگرهایی که کمترین عرضشان 480px است).

600px (نمایشگرهایی که کمترین عرضشان 600px است).

768px (نمایشگرهایی که کمترین عرضشان 768px است).

900px (نمایشگرهایی که کمترین عرضشان 900px است).

1200px (نمایشگرهایی که کمترین عرضشان 1200px است).

(بیشتر…)