• 0
Alarr

Начальная ширина мобильного дизайна

    Вопрос

    Alarr    3
    Alarr

    Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. 

    Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти?
    Как правильно делать дизайн мобильной версии, с какой шириной?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    3 ответа на этот вопрос

    Рекомендуемые сообщения

    • 0
    Switch74    272
    Switch74

    Возможно дизайнеры делают максимальную ширину на которой должно отображаться как на мобильной версии, т.е. от 0 до 750px у вас должно отображаться так, как сделал дизайнер на 750px, растягиваясь на 100%.
    1. Мобильная версия должна быть резиновой.
    2. Мобильной версии может быть две: для телефонов и планшетов.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    В 19.06.2017 в 11:32, Alarr сказал:

    Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. 

    Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти?
    Как правильно делать дизайн мобильной версии, с какой шириной?

    вообще по хорошему обычно делают: 

    Доп. адаптив (4 макета) = (планшеты (вертикально – 768 px, горизонтально - 1024 px) и  смартфоны (вертикально - 320 px, горизонтально – 480 px))

    и тогда все будет ок)

    да и наверно лень дизайнеру делать еще один адаптив под гор. положения устройства

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    wvvw    0
    wvvw

    все по-разному делают, нет единых правил. если есть дизайн для десктопа, планшета (обычно 768px) и мобильных (обычно 320px) - хорошо. если нет - должен уметь сам всё адаптировать, сохранив аккуратный читабельный вид - блоки переносятся, шрифты уменьшаются, картинки масштабируются и т.д.

    Изменено пользователем wvvw

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • Похожие публикации

      • Vostckowa
        Автор: Vostckowa
        Занимаюсь фотографией и дизайном продолжительное время. Как и многие, столкнулась с распространенной проблемой: достойную оплату труда предлагают, в основном, зарубежные заказчики. В рунете почти никто не покупает, большая часть покупок идет из-за бугра. Да что рассказывать, и сами все знаете. Поэтому возникла идея создать своеобразный «мостик» между нашими русскими дизайнерами и иностранными заказчиками – площадку, где можно продать свои работы.

        В результате получился вот такой ресурс: gfx-market.com. Предусмотрели два языка – русский и английский. Этим, собственно, сайт отличаются от других подобных ресурсов. Хотелось, чтобы наши дизайнеры могли легко находить зарубежных заказчиков и показывать миру свои графические работы. Английский язык не будет барьером. Ну, а заказчики, благодаря английскому, тоже смогут запросто общаться со специалистами. Т.е. ресурс направлен и на наших, и на иностранцев – на всех.
        Идею ресурса помогали реализовывать несколько знакомых. Теперь прошу помощи у вас – поддержать мое начинание. Может быть, вы делаете дизайн шаблонов, флаеры и баннеры, создаете шрифты, делаете логотипы или этикетки. Одним словом всех, кто создает качественную графику, предлагаю к нам присоединиться и вместе развивать ресурс. По нашей задумке, графические работы будут продаваться иностранцам. Почти на 100% уверена, что это положительно отразится на продаже товара. Хотя бы потому, что платежеспособность иностранцев повыше. На сайте можно будет просматривать как последние загруженные файлы, так и самые популярные. Думаю, это поможет каждому найти своего покупателя.

        По поводу стоимости: вы можете самостоятельно регулировать цену на графический товар. Посчитали, что это будет лишним стимулом для роста каждого из нас как профессионала. Каждый может постепенно повышать стоимость своих работ. Ну, или сразу ставить высокую цену, если работаете в этой сфере не первый год или чувствуете в себе силы заинтересовать потенциальных покупателей. Можно продавать все, что вы умеете делать в разных программках вроде Phtoshop, Illustrator, Lightroom и прочих.
        Вопрос по выводу средств тоже решался максимально в пользу наших пользователей. Для любой версии сайта (на английском и на русском) можно выводить заработанные деньги на Skrill, PayPal и Webmoney. Для многих пользователей рунета, думаю, удобно, что можно выводить деньги не только на Webmoney. В дальнейшем для русской версии ресурса планируем добавить дополнительные способы вывода средств. От продажи своего товара вы получаете 75-85%, оставшиеся идут на развитие системы. Минимально можно выводить от 10$.
        Понимаю также, что у всех исполнителей разный уровень. Поэтому есть как «плюшки» для лучших авторов – специальный топ, где вас быстро увидят заказчики, так и возможности для начинающих. Т.е. миссия ресурса – повышать уровень профессионализма наших дизайнеров и дать возможность реализовать свои мечты. Есть учебник – пользуйтесь, на здоровье! Также советую заглянуть на форум. На нем мы решили объединить всех участников ресурса – как продавцов, так и покупателей.
        В общем, будем очень рады вашим предложениям и идеям. При создании ресурса старались сделать его максимально простым и удобным, чтобы акцент был на ваших работах. Лишних пунктов в меню нет – только самое главное. Ну, и цветовая гамма соответствующая. Предложениям по сайту будем рады. Вместе с командой постараемся реализовать толковые идеи. Ну, и заходите на огонёк. Сейчас, пока ресурс только начинает развиваться, надеюсь на поддержку.
      • NotCreative
        Автор: NotCreative
        Делаю себе портфолио в виде сайта. Прошу оценить его дизайн и креативность. Старался сделать в стиле минимализма (прям как я люблю), надеюсь не переборщил.
        Ссылка на портфолио: http://bullshit.zzz.com.ua/

        Что интересует в первую очередь:
        1. Я не знаю, как сайт дружит с браузерами. Отпишитесь, пожалуйста, какой у вас браузер если Вы заметили какие-либо проблемы.
        2. Не лишний ли переход в черный цвет в разделе "Портфолио"? Мне кажется это довольно забавным, но может переход слишком резкий?
        Ну и оставляйте общее впечатление от сайта)
      • twentyfive_agency
        Автор: twentyfive_agency
        Мы достаточная слаженная команда и работаем как единый механизм.
        Все члены команды обладают достаточной компетенцией, чтобы выполнять работы разного уровня сложности.
        Сейчас у нас в команде:
        4 Технолога/Верстальщика (html5, css3, javascript, reat, angular) 2 Проектировщика/Дизайнера (invision, photoshop, illustrator, sketch) 3 Бэкенд разработчика (php, nodejs, python + работа со всеми известными cms,crm-системами) 4 Мобильных разработчика (1 iOs, 1 Android) 2 Тестировщика Каждый из членов команды четко понимает ответственность за проект!
        Все задачи ведем в Basecamp, Trello и JIRA, и всегда добавляем туда заказчика, чтобы формировалась прозрачность работы.
        Процесс работы по проектам у нас такой:
        Получаем задание Оцениваем сроки и стоимость, предоставляем информацию в электронном виде заказчику. Согласуем эти данные или вносим корректировки. Подписываем договор (с нашей стороны ИП) Получаем аванс по договору Начинаем работу по проекту Ведем разработку проекта Показываем финальную итерацию заказчику и запускаем проект в продакшн. Остаемся довольными сотрудничеством и получаем отзывы по работе, слаженности и о качестве проекта в целом. Рейты работы наших специалистов:
        Проектирование/Дизайн // 700-800 руб/час Верстка/js  // 700-800 руб/час Программирование (бэкенд) // 700-1000 руб/час Тестирование // 400-650 руб/час Разработка приложений (iOS, Android) // 1000-1400 руб/час Мы работаем над тем, чтобы:
        Заказчик всегда был уверен в том, что сроки по проекту не выйдут за согласованные. Заказчик был уверен в том, что качество работ будет проведено на высшем уровне. Заказчик похвалил нас и сказал, что вернется еще или останется с нами на техподдержку. Наши работы:
        http://greenjam.ru http://tuborg.ru http://k1664.ru http://corny.ru http://megalabs.ru http://prostude.net http://ecorse.education http://eqeducation.org http://dadacreative.com http://tfg.ru/ http://pirelli.autonews.ru/ http://id-direct.ru http://localway.ru  
         
        Twenty Five Agency
        twentyfive.agency
        Georgy Pantsulaya, CEO
        via phone: +7-989-536-00-35
        via skype: [email protected]