رابطه بین طراحی گرافیک و طراحی وب سایت
۳ پاسخ
مرداد ۱۱م, ۱۳۸۹
طراحی چیست ؟
طراحی نحوه ساخت یک راه حل جدید برای یک مشکل است. شما می توانید هر چیزی را طراحی کنید، از یک وب سایت تا یک استادیوم، یک لوگو یا یک قطعه برای ماشین. اگر راه حلی در حال حاضر وجود نداشت، شما یک طراحی انجام دادید.
آموزش تصویری زیر اولین سری از آموزشهای تصویری در وبلاگ داتیس دیزاین هست که در مورد نحوه نصب و توضیح مقدماتی قابلیتهای افزونه Firebug در مرورگر فایرفاکس می باشد. از آنجایی که این ویدئو اولین سری از ویدئوهای من هست ممکن است که دارای نقصهایی هم باشد.
طراحان وب سایت معمولا در هنگام تبدیل کردن یک قالب گرافیکی به کد HTML و CSS در مرورگرهای مختلف به مشکلهای زیادی بر می خورند. این مشکلها معمولا در مرورگر اینترنت اکسپلور 6 به دلیل قدیمی بودن آن بیشتر دیده می شود. برای رفع این ایرادها راههای زیادی وجود دارد که از جمله میتوان به استفاده از CSS Hacks اشاره کرد.
تاریخ طراحی user interface را میتوان بیشتر به عنوان یک تغییر تدریجی به سمت واقع گرایی توصیف کرد. همزمان با سریعتر شدن کامپیوترها ، طراحان افکتها و جزییات واقعی بیشتری مثل رنگ ، افکتهای سه بعدی ، سایه ، شفافیت و حتی قوانین فیزیک را درکارهای خود وارد کردند. بعضی از این تغییرات به کاربردپذیری (usability) کمک کرد. سایه ها در پشت پنجره ها به ما کمک می کند که بفهمیم کدام یک در حال حاضر فعال هستند.
قبل از شروع اولین مطلب سال جدید، آرزوی بهترینها رو برای همه دوستان و خوانندگان وبلاگم در سال جدید دارم. امیدوارم این سال برای همه سال خوب و پر از موفقیت باشه.
مدتی هست در شرکتی که در زمینه طراحی وب سایت فعالیت میکنه مشغول به کار شدم، تو این مدت یکی از پروژه هایی که روش کار کردم در مورد بهینه سازی یا طراحی مجدد اینترفیس سایت کتابخانه مجلس جمهوری اسلامی بود. در این پست وبلاگم میخوام در مورد مراحل و دلایل اینکه چرا تغییراتی روی اینترفیس این وب سایت داده شد صحبت کنم. امیدوارم براتون جالب باشه 
این پست ترجمه مقاله ای از وبلاگ netjelly هست که فکر میکنم خیلی به درد طراحان وب سایت بخوره، چون دقیقا به نکاتی اشاره کرده که متاسفانه هنوز ما در حال استفاده از آنها در کارهایمان هستیم. من خودم این نکات را جایی یادداشت کردم و همیشه موقع ساخت طرح جدید در کنارم میذارم تا حواسم باشه که چه کارهایی رو بهتره که انجام ندم، به شما هم پیشنهاد میکنم که بعد از خوندن این مطلب کم کم سعی کنید این موارد رو در کار به کار نبرید.
در این پست قصد دارم نحوه ساخت قالب یک وب سایت توسط فتوشاپ را به صورت مرحله به مرحله برای شما آموزش بدم. این قالب را شما میتونبد برای خودتان استفاده کنید و رایگان هست. در پایان سورس را برای شما قرار خواهم داد تا آنرا دانلود کنید. امیدوارم برایتان مفید واقع شود.
شاید برایتان بارها پیش اومده که موقع طراحی و برنامه نویسی وب سایت دنبال کدی بودید یا اینکه طرز استفاده تگی از HTML را فراموش کردید و یا نحوه نوشتن یک کد CSS یادتان رفته باشد. این مسایل برای هر برنامه نویس و طراحی در طول کار پیش می آید. خب دسترسی داشتن به اینترنت تقریبا این مشکل هارو حل میکنه اما ممکنه که اینترنت هم نداشته باشید !
امروز تو سایتها که گشت میزدم به این مطلب کوتاه و ساده و در عین حال بسیار مفید و کارآمد برخوردم که بهتر دونستم برای شما هم در وبلاگ قرار بدم. این تصویر نشان دهنده ساختار یک فایل HTML استاندارد و معتبر و در عین حال زیبا می باشد.