Основни распоред сајт оптимизован за смарт телефоне

Ако Веб смо навикли да се препусте са бескрајним комбинацији распореда и простора, пројектовање веб странице за паметне телефоне да прегледате нашу стваралачких амбиција, или бар величину ограниченог обима приказује намењен за гледање нашег рада.

Напомена: видео резолуција варира, наравно, у зависности од модела, већина смарт телефона нове генерације поседује дисплеј са ширином од најмање 240 до највише 480 пиксела. Најчешћи резолуција може да рачуна, у режиму портрета, преко ширине од 320 пиксела.

Заборавите на изглед од два, три или четири колоне! Са моје тачке гледишта једино могуће решење у циљу обезбеђивања добра употребљивост садржаја, је једној колони дизајн, где је сав садржај организована дуж вертикалне би каскадно (тј. један испод другог). Када креирате веб странице, запамтите увек, најважније је да се обезбеди добра употребљивост и, много више када је екран је ограничена на смарт телефона, једноставност је увек најбољи пут напред.

Као што можете видети, наша структура је врло једноставна и састоји се у почетку од три дела:

• Заглавље: да ли је горњи део странице и дизајниран је да прими лого сајта, а можда и неколико других елемената на првом спрату;
• Страна тела: дизајниран је тако да се прилагоди централном делу стварног садржаја странице нашег веб сајта;
• Подножје: Ово је финални део, на дну, где је уобичајено да се стави било који кредит, правна референце, ауторска права, контакти, итд.

Навигациони мени

Централни део стране, заузврат, ће се користити за кућу другим областима (који се разликују у зависности од потребе).
Суштински елемент, наравно, мени за навигацију кроз који приступа другим страницама / области сајта. Ако су мало (прво решење) може директно створити траку са алаткама са линковима је потребно, у супротном - због простора - боље је да додате један тастер који, када се кликне, приказује листу свих страница / области располагању (друго решење).

Садржај

Такође, и изнад свега, за садржај који треба имати на уму малом екрану вашег смарт телефона. Опет, дакле, једноставност и линеарност су, по мом мишљењу, најбољи избор.

Избегавајте непотребне фриллс графика је добра правило веб дизајна и то је још у развоју веб странице за мобилне уређаје и за питања везана за мале величине екрана и из разлога везаних за расположивог пропусног опсега (као и да цени, 3Г пропусни опсег није увек брзо тако да је најбоље да се фокусирате на оно што је битно).

Чак и за садржај, дакле, сугеришу каскаде где различите распоред елемената (текст, слике, видео) у следе један другог:

У следећој лекцији ћемо видети како да се изгради ХТМЛ код на нашем сајту стартовања, наравно, <хеад> (наслов, мета таговима и ЦСС).

• <<Претходна лекција
• Помоћ Индекс
• Следећа лекција>>