רוטר - איך בעצם הופכים עיצוב למשל קובץ PSD של flat design לאתר ממשי?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"איך בעצם הופכים עיצוב למשל קובץ PSD של flat design לאתר ממשי?"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21533	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21533

צליל
חבר מתאריך 13.4.03
1654 הודעות

16:34 22.12.15

איך בעצם הופכים עיצוב למשל קובץ PSD של flat design לאתר ממשי?

פשוט מתחילים לבנות את האתר מאפס בהתאם לעיצוב בקובץ?
לא ברור לי כל כך איך התהליך הזה מתרחש, אם מישהו יכול לפרט או לתת לי קישור למדריך בנושא

תודה

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
בדר''כ זה נעשה רק עם CSS\JS\HTML	Bonito	24.12.15 10:24	1
איך זה עובד במידה ויש מעצב בצוות?	Beckham	28.12.15 08:38	2
הקשר בין השאלה שלו לbootstrap מקרי בהחלט,	יוחאי	30.12.15 19:11	5
לא ממש מקרי כשרוב האתרים נבנים באמצעות\עזרת bootstrap	Bonito	31.12.15 00:08	6
יש לbrackets ''תוסף'' מובנה	sza	29.12.15 00:46	3
יש המון כלים טובים שיכולים לעזור לך לעשות את העבודה,	יוחאי	30.12.15 19:06	4
תודה!	צליל	11.01.16 10:39	7

Bonito
חבר מתאריך 22.9.09
14859 הודעות

10:24 24.12.15

1. בדר''כ זה נעשה רק עם CSS\JS\HTML
בתגובה להודעה מספר 0

ברוב האתרים היום משתמשים בbootstrap.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Beckham
חבר מתאריך 18.3.02
2412 הודעות

08:38 28.12.15

2. איך זה עובד במידה ויש מעצב בצוות?
בתגובה להודעה מספר 1

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

יוחאי
חבר מתאריך 30.12.15
163 הודעות

19:11 30.12.15

5. הקשר בין השאלה שלו לbootstrap מקרי בהחלט,
בתגובה להודעה מספר 1

אתה כן יכול להגדיר grid לאתר שלך עם bootstrap ולהשתמש בכל הסטיילים המוכנים שלהם כי זה נחמד ומגניב (ו90% מהאתרים נראים בגלל זה אותו דבר), אבל מאוד חשוב לדעת איך לעשות את זה לבד, לפעמים הצרכים הם כל כך קטנים ואפשר לממש אותם ב100 שורות קוד במקום 4000 של bootstrap.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Bonito
חבר מתאריך 22.9.09
14859 הודעות

00:08 31.12.15

6. לא ממש מקרי כשרוב האתרים נבנים באמצעות\עזרת bootstrap
בתגובה להודעה מספר 5

מן הסתם שחשוב שתדע מה אתה עושה אבל בכל מקרה זה מקל את העבודה ומספק את רוב האנשים(אפילו אתרי ענק...).

לגבי זה שרוב האתרים נראים אותו דבר זה כבר לא קשור לbootstrap אלא לעצלנות של אנשים לשנות את העיצוב

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

00:46 29.12.15

3. יש לbrackets ''תוסף'' מובנה
בתגובה להודעה מספר 0

התחיל כתוסף ולאחרונה הפך לחלק אינטגרלי מהIDE,
אפשר לפתוח קובץ PSD במקביל לקוד בתוך הIDE, לחיצה על תיבה כלשהי בPSD תתן לך את המידות שלו ובמידה ותרצה תתרגם לך את המידות, צבע רקע, מיקום וכדו' לCSS.
מאד נח לעבודה בתרגום עיצוב לCSS

צחי.
http://webleader.co.il/websites/rotter/amionline.php#.jpg

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

יוחאי
חבר מתאריך 30.12.15
163 הודעות

19:06 30.12.15

4. יש המון כלים טובים שיכולים לעזור לך לעשות את העבודה,
בתגובה להודעה מספר 0

אבל בכנות התשובה הכי טובה שאתה תקבל זה ניסיון.
אני אוהב להסתכל על העיצוב, לדמיין איך ה-HTML Markup שלי הולך להכתב, ממש לדמיין את זה, לכתוב את ה-markup עד הסוף, ואז להתחיל לכתוב css לצרף תמונות איפה שצריך.

אחת הסיבות שאני מאוד אוהב לכתוב ב-SCSS ולא ב-CSS היא המודולאריות של הקוד, אתה ממש מגדיר את הסגנון לכל רכיב בנפרד ואין מקום ללכת לאיבוד.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

צליל
חבר מתאריך 13.4.03
1654 הודעות

10:39 11.01.16

7. תודה!
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד