본문으로 건너뛰기
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

[링크:영어] 멋진 슬라이드 쇼를 사용한 웹사이트 50개

슬라이드쇼 디자인은 어려운 영역인 것 같다. 사람들은 의외로 슬라이드를 이동하는 화살표를 잘 찾지 못한다. 화살표를 찾기 쉽게 배치하고 누르면 이동할 것 같은 느낌을 주는건 어려운 노력을 들여야 하는 것 같다.

그냥 누를 수 있는 걸로 보이는 것 뿐만아니라 주변 디자인과 조화를 이루어야 하기 때문에 더욱 어려움이 가중된다. 화살표를 강조하면 거북하고 그렇지 않으면 사람들이 화살표를 찾기 힘들어진다.

이런 어려움을 극복하고 사람들이 확실하게 모든 슬라이드를 볼 거라는 확신이 있어야 슬라이드 디자인이 잘됐다고 할 수 있을 것이다. 만약 내가 첫 슬라이드 외에 그 뒤에 있는 슬라이드를 전혀 보지 못한다면 슬라이드 디자인을 한 이유가 없기 때문이다.

아래 링크한 슬라이드 예제들은 참고할만한 것 같다. 화살표가 눈에 띄는지, 그러면서도 주변 디자인과 조화가 되는지 눈여겨 보자.

50 Perfect Examples of Slideshows in Web Design

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

Leave a Reply

Your email address will not be published. Required fields are marked *