پرش به

رنگ بک گراند: Sky Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
رنگ بدنه: Sky Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
طرح: Blank Waves Squares Notes Sharp Wood Rockface Leather Honey Vertical Triangles
خوش آمدید به انجمن های افرای فارسی
برای اینکه بتوانید از همه ی امکانات انجمن استفاده نمایید باید ابتدا عضو شوید.اگر قبلا عضو شده اید ب وارد سایت شوید.از لینک های زیر برای عضویت یا ورود استفاده نمایید.
ورود به انجمن عضویت در انجمن

تغییر حالت چت چت عمومی باز کردن چت در پنجره ی جدید

@  fns4565 : (۳۰ خرداد ۱۳۹۶ - ۰۶:۵۳ قبل از ظهر)

قانون جذب

@  ehsan_f1230 : (۱۵ خرداد ۱۳۹۶ - ۰۶:۴۳ قبل از ظهر)

ایده شات

@  ehsan_f1230 : (۱۵ خرداد ۱۳۹۶ - ۰۶:۴۲ قبل از ظهر)

ایده شات

@  ehsan_f1230 : (۱۵ خرداد ۱۳۹۶ - ۰۶:۴۱ قبل از ظهر)

[url] ایده شات

@  eh3an2010 : (۱۴ خرداد ۱۳۹۶ - ۰۸:۰۰ قبل از ظهر)

طراحی سایت

@  amingh3d : (۱۶ فروردین ۱۳۹۴ - ۰۶:۴۸ بعد از ظهر) وای چقدر خوبست اینجا
@  amir : (۲۰ دی ۱۳۹۳ - ۰۶:۱۶ بعد از ظهر) سلام الهه خانم
@  elahe1529sharrr : (۲۰ دی ۱۳۹۳ - ۰۱:۳۴ بعد از ظهر) salam

تصویر

تمام ابزارهای لازم برای طراحی سریع وب سایت

- - - - -

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
1 پاسخ برای این موضوع

#1
site2017

site2017

    Newbie

  • Members
  • ستاره
  • 0
  • 9 ارسال
  • کشور:
  • Time Online: 5h 24m 39s
 

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

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

 

 

 

 

 

 

Codepen

1468572354-codepen.jpg

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

Dribble

1468572377-dribble.jpg

 

 

 

 

 

 

 

 

 

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

 

 

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

 

 

 

 

 

 

 

Bootstrap

1468572410-boostrap.jpg

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

Foundation

1468572436-foundation.jpg

 

 

 

 

 

 

 

 

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

Webfonts

انتخاب فونت مناسب یکی از عوامل مهم زیبایی وب سایت شما می باشد، تقریبا فونت های خانواده ی Yekan  مناسب می باشد مخصوصا Byekan ، فونت Kufi  نیز زیبایی خاص به وب سایت شما می بخشد.

 

 

 

 

 

 

 

Icons

1468572507-fontawesome_io_icons.jpg

 

 

 

 

 

 

 

 

 

 

بهترین وب سایت برای شما در زمینه انتخاب آیکون های فوق العاده برای وب سایت شما Fontawesome  می باشد این فونت ها به وب سایت شما زیبایی خاصی می بخشد برای استفاده از آنها دریغ نکنید.

 

 

Images

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

 

 

 

 

 

 

 

 

 

Gratisography

1468572482-image.jpg

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

Placehold.it

 

 

 

 

 

1468572395-placehold.jpg

 

 

 

 

 

 

 

 

در این وب سایت شما می توانید عکس مورد نظر خود را با سایز دلخواه ایجاد کنید ، تنها کاری که باید انجام دهید سایز را وارد کنید و لینکی که در اختیار شما قرار داده می شود را استفاده کنید و تمام!!

 

 

 

 

 

 

 

 

 

Text

1468572547-loremipsum_ir.jpg

 

 

 

 

 

 

 

 

 

 

خب وقت این رسیده که وب سایت خودتون رو از متن تست مناسب پرکنید، سایت Loremipsum  بسیار مناسب برای این کار می باشد هم متن فارسی دارد هم انگلیسی و هر چقدر که نیاز دارید می تواند برای شما متن تولید کند.

 

 

 

 

 

 

 

Help

1468572536-stackoverflow_com.jpg

 

 

 

 

 

 

 

 

 

 

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

 

 



#2
fsohrabiii

fsohrabiii

    Newbie

  • Members
  • ستاره
  • 0
  • 1 ارسال
  • کشور:
  • Time Online: 3m 4s

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






0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی


حالت نمایش %s برترین ها

Newest Users Top Posters Top Forums Recent Posts
  •  sajjadb
     تاریخ عضویت : ۰۹ دی ۱۳۹۶
  •  forouzan99
     تاریخ عضویت : ۰۵ دی ۱۳۹۶
  •  Persian003
     تاریخ عضویت : ۰۴ دی ۱۳۹۶
  •  fsohrabiii
     تاریخ عضویت : ۰۴ دی ۱۳۹۶
  •  panel123
     تاریخ عضویت : ۰۳ دی ۱۳۹۶
  •  fns4565
     ارسال: 33
  •  sitecode
     ارسال: 21
  •  roozfreight
     ارسال: 20
  •  hostcode
     ارسال: 13
  •  amir
     ارسال: 11
  •  C++
     ( topics: 15 - replies: 0 )