Страницы

Поиск по вопросам

Показаны сообщения с ярлыком дизайн. Показать все сообщения
Показаны сообщения с ярлыком дизайн. Показать все сообщения

среда, 15 апреля 2020 г.

Актуальна ли сейчас такая фишка?

#jquery #дизайн

                    

Делал свежий дизайн, с использованием jQuery, решил дать полную свободу юзеру, и
замутил блок управления отображением сайта, увеличение шрифта, цветовые схемы, убираю
сайдбар, фоновую картинку меняю. Но мне сказали, что это глупо и совсем не модно сейчас,
это не актуально и никто не будет пользоваться блоком, главное простота, а не юзабилити.
Блок выезжает из-за угла по событию hover и не мешает в принципе, единственная трудность
- это редактировать каждую тему при каких-либо изменениях в основной.

Идея пришла после прочтения

[данной статьи](http://www.w3school.ru/blog/design-showcase/style-switchers-are-back-ideas-examples.html)
За рубежём почему-то это не осуждают, и основным применением это пользуется именно
в домашних страничках и дизайн студиях, чтобы "показать свою власть над стилем" =)



Что скажете?



    


Ответы

Ответ 1



В такой фишке есть смысл на больших порталах, типа yandex, google, yahoo, которыми люди пользуются каждый день, и следовательно в настройке которых на свой вкус есть смысл. Но в любом случае это не должна быть какая-то выезжающая панель, а как максимум ссылка типа "Настроить внешний вид сайта".

Ответ 2



А какой смысл? По сути функциональности сайту это не добавляет (имхо, кастомизировать отображение сайта, действительно, вряд ли кто-то будет, так чисто попробовать раз). А вот где бы это было действительно полезно, так это на специализированном портале с направлением в верстку, или дизайн, или еще куда. Когда появляется именно цель использования, отличная от "чтобы поиграться". Иначе это просто слишком перегруженные наворотами дизайн. Зато как ваша личная фишка, этот блок мог бы иметь место! Только размером поменьше, или использованный для других целей (например, доступ к "быстрым настройкам" вашего сайта, но только не внешнего вида, хотя кое-что и здесь не исключено), имхо. А еще я не понимал людей, которые везде кричат, что это не модно или глупо.

Ответ 3



считаю,что имеет смысл сделать изменение шрифта,для плоховидящих,и сброс всего твоего придуманного дизайна на "дефолтный минимализм",где черным по белому и без всяких свистелок и п..ок,например тебе нравится одна цветовая гамма,но есть люди у которых эти цвета либо совсем не воспринимаются ,так называемая - цветовая слепота,либо просто раздражает этот цвет.

Ответ 4



Просто эта панель — перебор. Шрифт делается больше меньше нажатием Ctrl++ или колесико мыши, работает в любом браузере, и это то, что пользователь пойдет делать первым делом, а не искать панель. Так что лучше проверьте, что бы сайт скейлился нормально, и ничего никуда не вылазило. На сайдбар вешается маленькая стрелочка в верхнем углу скрывающая и раскрывающая его как в картах google, и то, это нужно далеко не всегда. Темы если и прикручивать, то это как правило небольшие цветовые схемы, перегружающие маленький кусочек стилей, типа: бекграунд шапки, цвет фона и линков. Все. Координально менять интерфейс ни в коем случае не стоит.

Ответ 5



Бессмысленная фигня. Если вы не можете сделать нормальный дизайн к сайту - это вам минус. Давать юзеру его изменять это верх глупости. Максимум можно дать несколько тем на выбор. А так вы просто захламляете сайт лишним функционалом. Это все равно что в терминале сделать возможность слушать музыку через наушники.

Ответ 6



Не слушайте никого, делайте эту фишку, но не как основную в вашем сайте. Очень маленькую и незаметную, и никогда не делайте ее выезжающей откуда-то, а то это смотрится как реклама. Если очень хочется - сделайте одну кнопочку маленькую, а в самом разделе можно даже так сделать: http://jqueryui.com/themeroller/

четверг, 19 марта 2020 г.

SEO при редизайне

#seo #дизайн


Что нужно учитывать при редизайне сайта, чтобы не потерять индексацию поисковиками?
    


Ответы

Ответ 1



SEO Website Redesign Checklist: Don’t Mess Up Your Site Traffic. 6 Website Redesign SEO Secrets Your Developer May Not Know. 3 SEO Traps to Avoid During Your Redesign.

четверг, 2 января 2020 г.

Обучение азам дизайна сайтов

#дизайн


Всем здравствуйте, помогите, пожалуйста, советом, книжкой, видео-уроком чем-нибудь,
мне нравится делать сайты, но сайта без дизайна не бывает, так вот у меня с этим огромная
проблема, я знаю на нормальном уровне css и могу многое реализовать, но у меня большая
беда, я не могу придумать дизайн для сайта, вот посмотрите это мой сайт



Я не понимаю, откуда берутся идеи для дизайна, как подбираются цвета? Какие картинки
надо искать для сайта и много много много ещё подобных вопросов. Товарищи дизайнеры
поделитесь, пожалуйста, информацией, где это всё вы берете? Очень хотелось бы научится
хотя бы придумывать красивые дизайны. 
    


Ответы

Ответ 1



designm.ag webdesignledger.com smashingmagazine.com webdesign.tutsplus.com designshack.net

Ответ 2



Чтобы писать красивые сайты необходимо: - Не говорить, что вы что-то знаете на высоком уровне, даже если это и так есть. Любой "компьютерный язык" - развивается, особенно в последнее время Веб. Знаете поговорку "Глупец думает, что он действительно умен, а мудрец знает, что он глуп"; - Вдохновение. Это как искусство, к этому надо подходить творчество. Хорошим примером может быть "написание произведений". Многие люди пишут произведение свои, только после того, как они прочитали других авторов. Т.е в Вашем случае Вам необходимо по бродить по сайтам и попытаться "понравившийся дизайн" с "рипнуть", только со своей изюминкой; - Чтобы писать оригинальничавшие сайты Вам необходимо проявить фантазию. Скажу по своему опыту мне хорошие идеи приходят ночью "в 3 часа ночи" =). Не ограничивайте "Стандартами". Не делайте похожий сайты на другие; - Для реализации красивого сайта, не надо наляпесто делать весь цветной сайт. Делайте все скромно, возьмите примером дизайн Google, Vk.com... - Для улучшение дизайна ознакомитесь со всеми свойствами CSS3 и новыми тегами в HTML 5; - Если брать Ваш сайт, то я рекомендовал бы разделить цветами блок.( На шапку и контент), также убрать градиент, оставить шапку блока темную, а зону контент - белый Удачи Вам, помните я писал сугубо свое мнение, а также помнить в каждом правиле есть исключение, не придерживайтесь всего моего списка строго =)

Ответ 3



Цветовые схемы можно поподбирать тут

Ответ 4



Почитайте теорию цвета где-нибудь. Благо таких учебников много. Затем долго и упорно что-нибудь рисуйте в фотошопе по урокам из интернета, так научитесь рисовать именно на компьютере, и поймёте возможности графических редакторов. Затем идите на dribbble.com, возле каждой работы справа приводится использованная гамма цвета, оттуда же берите и свои идеи для работ. С некоторым временем голову станут посещать уже свои идеи для работ. Дерзайте :)

Ответ 5



Вы можете получить вдохновение на Hourspent.com К сожалению, я не владею русским языком, я бы объяснил лучше

пятница, 27 декабря 2019 г.

Концептуальный вопрос по SPA на React

#html #reactjs #дизайн #spa


Как правильно (общепринято) делать SPA на React - собрать один большой
React-компонент (из многих маленьких компонентов ) и рендерить его
в 
или же возможно часть (малоизменяемую или неизменяюмую - к примеру какую нибудь шапку) традиционно на HTML , a React - компоненты использовать только в тех частях где требует SPA? И возможно аргументы за и против обоих подходов.


Ответы

Ответ 1



Зависит от функционала. Если все на странице требует динамики, например в той же шапке отображаются результаты действий, или в ней присутствуют компоненты типа юзер-профайла, или состав меню зависит от роли и т.д., то есть смысл все сразу делать на реакте, загружая приложение в корневой див. Если же элементы шапки и подвала действительно статичны, а вся работа делается в некотором воркспейсе между ними, то стоит оставить их статичными. Основной плюс статичных шапки и подвала: при сбое в работе приложения пользователь все равно увидит шапку с некими действиями (например перезагрузить) или подвал с адресом/телефоном, куда сообщить. В другом случае, при сбое приложения, пользователь увидит просто белый экран.

четверг, 5 декабря 2019 г.

Стилизация кнопок закрыть/свернуть для wpf

#wpf #visual_studio #дизайн #стилизация


У приложения есть стандартные кнопки свернуть и закрыть. Но меня они не устраивают.
Нужно сделать свои кнопки. Поставил задачу сделать кнопки с прозрачным фоном. 

Должно выглядеть так:



А при наведении курсора цвет фона и значка менялся:



Начал делать реализацию так:


    
        
            
                
                    
                    
                
            
        
        
        
            


Ответы

Ответ 1



Для начала, всё не проще, а сложнее. Если просто нарисовать кнопки, то они не попадут в non-client area. Поэтому вы должны поместить их туда, используя WindowChrome, например, как описано в этом вопросе: WPF Создание кастомного стиля окна с тенью. Затем, по поводу отрисовки крестиков. Нет, в WPF нету встроенного крестика, потому что он для каждой системы свой (посмотрите, как выглядит он на Windows 7, и как на Windows 10), а также зависит от системных настроек (выбранной цветовой схемы, включенного или нет режима увеличения и/или повышенной контрастности и т. д.). Одна строчка нарисованного руками крестика — не слишком сложное требование. Я бы тем не менее поместил крестик внутрь кнопки, и подменил шаблон: Оффтопик: Вы, судя по коду, пишете XAML через визуальный редактор. Это приводит к достаточно неоптимальному коду, и выводит из игры layout manager. (Например, вы размещаете кнопку на экране конструкциями наподобие Margin="382,10,23,0". Не делайте так, используйте layout manager вручную.)

пятница, 12 июля 2019 г.

Под какие разрешения рисовать макеты для андроид/ios приложения?

Под какие разрешения рисовать макеты для андроид приложения? Приложение будет писаться на phonegap, так что должны быть и разрешения для айфонов и для андроидов. Дизайнеру нужно конкретно сказать, а я никак не могу решить. Может есть где-нибудь статистические данные по расширениям?


Ответ

Во-первых нужно четко понимать разницу между разрешением экрана, его размером, и глубиной изображения. Во-вторых, какие нужны экраны для Android приложения очень сильно зависит от того под какие девайсы вы хотите разрабатывать свое приложение. Так как мне жалко андроидщиков очень сильно в этом плане просто ппц как жалко, вот вам в помощь фрагментация экранов по разным сортировкам, экраны нужно будет сопоставить моделям устройств. От этих картинок должны отталкиваться маркетологи, менеджеры по прадажам и прочие люди заинтересованные покрытием рынка. И только после этого они говорят какие расширения вы будете поддерживать для Android устройств, так как и наче верстальщик интерфейсов разбогатеет если вы будете охватывать все девайсы. В-третьих, что косается iOS устройств, дизайнер должен знать на зубок, как таблицу умножения и разрешения экранов и глубину пиксей и правило формирования имен графических файлов. Дайте ему ссылку на сюда и на офф доку. Ну и в-четвертых, если дизайнер не освоит соглашения по графике, можете его уволить :) p.s. Наш дизайнер по андроиду написал специальный скрипт для фотошопа, который режит картинку высого разрешения на разные, заранее запланированные, девайсы изменяя глубину иконок.

пятница, 7 июня 2019 г.

SEO при редизайне

Что нужно учитывать при редизайне сайта, чтобы не потерять индексацию поисковиками?


Ответ

SEO Website Redesign Checklist: Don’t Mess Up Your Site Traffic 6 Website Redesign SEO Secrets Your Developer May Not Know 3 SEO Traps to Avoid During Your Redesign

понедельник, 8 октября 2018 г.

Стилизация кнопок закрыть/свернуть для wpf

У приложения есть стандартные кнопки свернуть и закрыть. Но меня они не устраивают. Нужно сделать свои кнопки. Поставил задачу сделать кнопки с прозрачным фоном.
Должно выглядеть так:

А при наведении курсора цвет фона и значка менялся:

Начал делать реализацию так:



Оффтопик: Вы, судя по коду, пишете XAML через визуальный редактор. Это приводит к достаточно неоптимальному коду, и выводит из игры layout manager. (Например, вы размещаете кнопку на экране конструкциями наподобие Margin="382,10,23,0". Не делайте так, используйте layout manager вручную.)