Ïî÷òà | Ãëàâíîå | Áèçíåñ | Òåõíîëîãèè | Ìåäèà | ×åëîâåê | Îòäûõ è óâëå÷åíèÿ | Áûò | Àðõèâ | Íàøà ëåíòà RSS

Íîâîå â âåá-äèçàéíå 2012 ãîäà

Âðåìåíà, êîãäà Èíòåðíåò èñïîëüçîâàëñÿ ëèøü â äîìàøíèõ óñëîâèÿõ, íà ðàáîòå èëè â ó÷åáíûõ çàâåäåíèÿõ, îñòàëèñü â ïðîøëîì. Òåïåðü âûõîä â Èíòåðíåò îñóùåñòâëÿåòñÿ ïîâñåìåñòíî áëàãîäàðÿ ðàñïðîñòðàíåíèþ ñìàðòôîíîâ è ÊÏÊ. Ýòî ïîâëèÿëî è íà ðàáîòó âåá-äèçàéíåðîâ: â 2012 ãîäó áîëüøèíñòâî ñîçäàâàåìûõ ñàéòîâ áóäóò îðèåíòèðîâàíû íà òî, ÷òîáû ïðîñìàòðèâàòü èõ áûëî îäèíàêîâî ïðèÿòíî è óäîáíî íà ýêðàíå ëþáîãî ðàçìåðà. Ðåàëèçîâàòü íà ïðàêòèêå ýòî ìîæíî ñ ïîìîùüþ òàêîãî òèïà â¸ðñòêè, êàê responsive web design, à â ïåðåâîäå íà ðóññêèé – ðåàãèðóþùèé âåá-äèçàéí.  ðåçóëüòàòå òàêîé â¸ðñòêè ðàçìåð ýêðàíà, íà êîòîðîì ïðîñìàòðèâàåòñÿ ñàéò, áóäåò îïðåäåëÿòüñÿ àâòîìàòè÷åñêè, è, îñíîâûâàÿñü íà ýòèõ äàííûõ, ýëåìåíòû ñàéòà áóäóò ðàñïîëàãàòüñÿ ìàêñèìàëüíî óäîáíî äëÿ ïîëüçîâàòåëÿ.

Çàìåòíûå èçìåíåíèÿ ïðîèçîéäóò â 2012 ãîäó è ñ 3D-ýôôåêòàìè. Èõ ñòàíåò çíà÷èòåëüíî áîëüøå: áóäåò àêòèâíåå èñïîëüçîâàòüñÿ èãðà òåíåé, òåêñòóðû ñòàíóò îáú¸ìíåå, óâåëè÷èòñÿ êîëè÷åñòâî ïëàíîâ äëÿ ïîêàçà ãëóáèíû èçîáðàæåíèÿ. Îäíàêî äî 3D-î÷êîâ äåëî åù¸ íå äîéä¸ò.

À âîò ôëåø ïîñòåïåííî íà÷í¸ò èñ÷åçàòü. Åìó íà ñìåíó ïðèäóò CSS3 è HTML5, êîòîðûå â ìîáèëüíûõ âåðñèÿõ áîëåå ïðàêòè÷íû, ÷åì ôëåø. Òåêñòû òîæå ñòàíóò çíà÷èòåëüíî ìåíåå îáú¸ìíûå è ïðåâðàòÿòñÿ â êîðîòêèå êîììåíòàðèè ê èçîáðàæåíèÿì, íàä êîòîðûìè ïðèä¸òñÿ òðóäèòüñÿ äèçàéíåðàì. À øðèôò òåêñòîâ ïðèîáðåò¸ò íîâûå î÷åðòàíèÿ: óæå ñåé÷àñ èìååòñÿ ìíîãî îïòèìèçèðîâàííûõ øðèôòîâ, êîòîðûå òåïåðü áåñïðåïÿòñòâåííî ìîæíî èñïîëüçîâàòü ïðè â¸ðñòêå ñòðàíèö ñàéòà.

Ïðèñïîñîáëåííîñòü ñàéòîâ ê îòêðûòèþ íà ìîáèëüíûõ ãàäæåòàõ ïðèâåä¸ò è ê ðàñïðîñòðàíåíèþ îôîðìëåíèÿ ìåíþ âîêðóã ëîãîòèïà ñàéòà, ê îêðóãëåíèþ âñåõ ýëåìåíòîâ ñàéòà äëÿ óäîáñòâà íàæàòèÿ ïàëüöåì íà ñåíñîðíîì ýêðàíå.

×èòàéòå òàêæå:

Ìû æèâåì â Ìàòðèöå!
Çà÷åì ïîêóïàòü êëþ÷ äëÿ àíòèâèðóñà?
Òðóä ìàñòåðîâ ïî ðåìîíòó òåëåôîíîâ
Íàñêîëüêî ðåàëüíî ñòàòü âëàäåëöåì Tesla Model 3