طراحی تخت Flat Design

reazah · مرداد 92

سلام

دوستان ميشه اطلاعاتي و تجربياتي كه در ارتباط با طراحی تخت Flat Design داريد بيان كنيد

نوع استايل دهي عرض صفحه به چه شكل هست

اگر بخواهيم از صد درصد عرض صفحه استفاده كنيم چطور عرض و تعيين كنيم كه اكثرا درصدي هستش اما مهم اينكه در همه سايز ها نمايش داده ميشه

منظور از طراحي تخت عناصر ي مثل مترو ويندوز هشت نيست استفاده درست از تمام عرض صفحه است

عرض و چطور تعيين كنيم كه در تمامي دستگاه ها قابل رويت باشه

با بزرگ شدن و كوچك شدن مانيتور صفحه به صورت تخت نمايش داده بشه و عناصر به هم نريزه

و كلا هر اطلاعات مهمي كه در ارتباط با طراحی تخت Flat Design مورد نياز است

ویرایش شده مرداد 92 توسط reazah

Farid · مرداد 92

سلام

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

ویرایش شده مرداد 92 توسط Farid

reazah · مرداد 92

سوال و بد پرسيدم منظورم قالب واكنش گرا نبود

منظورم طراحي تختي بود كه از صد در صد صفحه استفاده كنيم

يا اصلا بدون طراحي تخت چطور از صددرصد عرض پيج استفاده كنيم چطور عرض سايت و استايل بندي كنيم مثل وقتي بخواهيم يك قالب چهار ستونه با عرض صد درصد بزنيم

و برا مين عرض 960 يا 1024 تعيين نكنيم عرض سايت صددرصد باشه

**Morteza** · مرداد 92

خوب باید همه المان ها رو درصدی اندازه بدید

یعنی هم اندازه ها، هم فاصله ها، اندازه فونت ها و... رو باید درصدی کار کنید

reazah · مرداد 92

من براي اين هدر به صورت درصدي چطوري مارجين بردر و پدينگ بزارم ؟و كلا تعريف المان ها با در صد مثلا ي قالب سه ستونه

همه چيز و با درصد ميدم ولي بهم مي خوره


header
{
height:;
width:;
border-bottom:3px inset #FF7FC9;
background:#FF887F;
padding:;
margin:;
}

MaySam.M · مرداد 92

هیدر رو باید یه عکس ثابت براش بگذارید و یه div مادر درست کنید و یه پیش زمینه هماهنگ با رنگ بندی هیدر و با عرض درصدی قرار بدید.

یعنی مثلا اینطوری:


#parent{
background:#fff url(bg.gif) repeat-x;
width:100%
}
#child{
background:#fff url(bg.gif) no-repeat;
width:800px
}


<div id="parent">
    <div id="child"></div>
</div>

ویرایش شده مرداد 92 توسط MaySam.M

سعید شعبانی · مرداد 92

باید به این هم توجه کنید که جمع مارجین, پدینگ, بوردر و عرض دایو روی هم بشه 100%

ویرایش شده مرداد 92 توسط سعید شعبانی

پست های پیشنهاد شده