saman-last

سوال در مورد psd قالب های وردپرس در حالت واکنش گرا

3 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام خدمت اساتید

یک سوال مهم برام ایجاد شده!

آیا برای حالت واکنش گرای قالب های وردپرسی هم باید به صورت جداگانه psd طراحی کرد؟

یعنی به این صورت که ما قالب psd را برای اسکرین دسکتاپ طراحی میکنیم بعد همین قالب رو برای نمایش موبایل باید مجددا psd کرد و کد نویسی انجام داد؟

و یا اینکه میشه همین نمایش دسکتاپ رو با css در نمایش موبایل به صورت دلخواه چینش کرد؟

و آیا اینکه مثلا من برای یک "بک گراند" در نمایش دسکتاپ در قالب psd یک لایه به نام bg-desktop طراحی میکنم ، این لایه به عنوان مثال هنگام کدنویسی به این شکل برای استایل دهی قرار میگیره :


.bg desktop {
width: 98%;
color: #333;
}

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

منظور اینه ک آیا برای این تیکه کد هم باید در psd به عنوان مثال بک گراندی با نام جداگانه طراحی کرد که بشه در دوحالت استایل دهی شه؟

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

ویرایش شده در توسط saman-last
0

به اشتراک گذاری این پست


لینک به پست

برای واکنشگرا کردن پوسته از چند روش میشه استفاده کرد ..

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

معمول ترین روش طراحی یک قالب و کدنویسی به صورت واکنش گرا توسط فریمورکهای بوت استرپ و یا مدیاکوئری css و جاوا هست ...

1

به اشتراک گذاری این پست


لینک به پست

برای واکنشگرا کردن پوسته از چند روش میشه استفاده کرد ..

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

معمول ترین روش طراحی یک قالب و کدنویسی به صورت واکنش گرا توسط فریمورکهای بوت استرپ و یا مدیاکوئری css و جاوا هست ...

ممنون از پاسخ کامل شما.

اگه امکان داره این سوال رو هم پاسخ بدید.

در نظر بگیرید ک من برای دو اسکرین متفاوت مانند دسکتاپ و تبلت طرح پی اس دی زدم. در طرح psd دسکتاپ ، نام یک لایه رو service-icon گذاشتم، و همین لایه را در طرح psd تبلت service-icon t قرار دادم...

در این حالت میشه برای دو طرح مختلف استایل داد ک تداخلی هم وجود نداشته باشه.

آیا راهی وجود داره ک بشه فقط یک لایه را با یک نام مثلا service-icon در چند حالت مختلف استایل دهی کرد؟

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

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

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

    • توسط hamidgraphist
      بسم الله الرحمن الرحیم الرزاق
      سلام
      دوستان یه گرافیست جوونم و برای اینکه به کار خودم رونق بیشتری ببخشم ، تصمیم گرفتم اینجا تاپیک بزنم
      نمونه کارای مختلفی دارم
      سابقه چندساله در زمینه گرافیک و گرافیک وب دارم
      برای شخص بزرگی مث فرزاد فرزین هم کار کردم
      سابقه کار در چندین شرکت تبلیغاتی رو دارم
      با کد نویسی هم اشنایی بسیار خوبی دارم و میتونم جوری طرح بزنم که با کد در بیاد
      بنر جیف ، لوگو ، هدر ، طراحی PSD سایت و رابط کاربری (حتی موبایل)
      پوستر ، صفحه بندی مجله و...
      لینک هم کردم زیر
      http://www.uplooder.net/cgi-bin/dl.cgi?key=c5352a057ca317e0e5e8b8290e4cb6eb
      psd …
      http://www.uplooder.net/cgi-bin/dl.cgi?key=9c898d3758da56ae344dbb6ab37583c5
      nmune kara …
      http://www.uplooder.net/cgi-bin/dl.cgi?key=fc947b7eaa0e40675d253db169404791
      logo …
      http://www.uplooder.net/cgi-bin/dl.cgi?key=105269d04a8bc3ceee2f562e23dc93fd
      gif …
      تعرفه هامم خوبه به نظر خودم
      خوشحال میشم با دوستان کار کنم
      _____________________________طراحی فلت هم انجام میشود____________________________
      تعرفه ها :
      طراحی بنر جیف در هر سایز : 5هزار تومن
      طراحی PSD سایت : قیمت پایه 100 هزار تومن (برای 3 صفحه "خانه" و "مطلب" و "برگه هایی شبیه تماس با ما")
      طراحی لوگو : قیمت پایه 100هزار تومن (بستگی به فکر و ایده کار متغیر است)
      طراحی کارت ویزیت ، پوستر، بروشور، کاتالوگ و ... نیز انجام میشه ... (پیغام خصوصی بدین)
      Hamidgraphist رو در یاهو ادد کنید
      دوستان با تجربه دیگر هم در مورد کارام نظر بدن خوشحالم میکنن ...
      ممنون که وقت گذاشتین تاپیک رو خوندید...
    • توسط payam
      برای طراحی یک سایت من فکر می کنم قدم اول تحقیق درباره ایده ، مرحله اول کار هست
      و بعد تهیه لیستی از بخشهایی که نهایی شده
      در مرحله بعد لازمه روی کاغذ یا نرم افزارهای مخصوص اسکیس ترکیب بندی طرح مشخص شود
      و در آخر طرح گرافیکی در فتوشاپ یا دیگر نرم افزارهای طراحی آماده شود
      یک بار این طرح بررسی شود و طرح نهایی شروع به کدنویسی شود
      میخواستم درباره این مراحل و خصوصا اصولی که در تهیه فایل پی اس دی باید رعایت شود نظر دوستان را بپرسم
      بنظر می رسه عرض استانداردی که در طراحی معمولا رعایت میشه 960 پیکسل هست
      نظر شما چیه؟