기본 콘텐츠로 건너뛰기

web design trend 2015


웹 ui는 미적인 측면 뿐만아니라,
사람들의 성향에 좌지우지 된다.
이왕이면 조금더 편하고, 조금더 이쁜걸로.

내년 트렌드 역시
작년 이맘때 쯤 올라오던 2014년 디자인 트렌드와 크게 다르지는 않다.

전체적인 느낌은,
간결해졌고, 보기 좋아졌으며,
모바일페이지와 비슷한 ux 경험이 반영되어있다.

(출처 : http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015)


1. Responsive or Go Home
design-trends-2015-responsive

역시 반응형웹.
몇년째 계속 화두다.
당연히 필요하다.
사용자가 어디에 있건 어떤 디바이스를 다루건간에 서비스는 계속 이루어져야 한다.

반면,
개발자입장에서는 css를 두벌이상으로 만들어야 한다.
미디어쿼리가 좀더 좋아지던가,
브라우져가 좀더 좋아지던가.

2. Ghost Buttons

design-trends-2015-ghost-buttons

고스트버튼,
버튼 이미지를 배경이미지로 하고, 테두리만 두른 형태.
사용자의 행동이 필요한곳에 강제적인 느낌을 덜 주기 위해 사용한다고함.
확실히 무조건 눌러야 한다는 압박감은 덜한것같다.

3. Bigger Emphasis on Typography

design-trends-2015-typography

타이포그라피.
사진보다는 글이 명확하다.
다만 한글폰트는 가짓수가 별로 없어서.
손글씨 이미지형태가 많아질듯

4. Large, Beautiful Background Images & Videos
design-trends-2015-large-images-videos

크고 이쁜 사진을 배경으로.
역시 간결하다.
사진은 그림이 가지지 못한 느낌이 있다.
영상이 배경이 될수는 있지만,
브라우저와 데이터 요금에 부담을 줄것이다.

5. Scrolling Over Clicking
design-trends-2015-long-scrolling

스크롤은 오직 우측과 하단에 상태바만 보여줬지만,
스크롤이란 ux행위 자체에 기능과 디자인이 붙었다.
ui가 발전하는 공식.
button onclick, onchage가 아니라,
scroll up,down 이런 이벤트 함수들이 나올듯.


6. Card Design Will Continue (Get Better)
design-trends-2015-card-design

핀터레스트같은 카드형식
사진+짤막한글+무한스크롤.
가장 기본적인 재료들을가지고 조합을 잘한것 같다.
그러나 이젠 좀 식상해진 감이 좀 든다.

7. Flat Design is Growing Up (or, The Rise of Material Design?)
design-trends-2015-material-design

간결해서 좋다.
딱히 덧붙일 말은 없음.



댓글


  1. Thanks for such useful information, this blog is genuinely informative, and helped me grow my knowledge.
    Thanks & Regards
    Integrity Softwares Inc

    답글삭제

댓글 쓰기

이 블로그의 인기 게시물

메일서버가 스팸으로 취급받을때

설치한 메일서버를 통해 발송되는 메일이 스팸으로 들어가는 경우가 더러 있다. 이게 한번 들어가기는 쉬운데, 빠져나오기는 드럽게 힘든것 같다... 본인의 경우에는 우선 국내서비스에는 별 무리 없이 들어간다. (naver,daum 등) 그런데 해외메일 그중 Gmail, Hotmail 에는 에누리없이 스팸으로 간주되고 있었다. Gmail같은 경우에는 그래도 스팸함으로 발송은 제대로 되는반면에 Hotmail같은경우에는 아예 수신자체가 안되는 경우도 더러있다.. ㅡ,.ㅡ; 제일 좋은 방법은 Gmail,Hotmail에 전화걸어서 우리 메일서버 IP white Ip로 등록해달라!!! 하면 좋지만, 얘네들은 걸어봤자 자동응답기고, 문의채널은 구글 그룹스 게시판이 전부다.. 본론으로 들어가서. 해외 메일이 차단될 경우 내 매일서버ip가 스팸ip로 등록되 버린 경우일 수 있다. (본인처럼. ㅎ) 이것부터 조회 해보고 싶으면 RBL(real-time blocking List) 체크를 해야 하는데, RBL체크 해주는 사이트는 꽤 많이 있고, 그중 좀 깔끔해 보이는곳 하나 소개. http://www.anti-abuse.org/ 메일서버ip 입력하고 조회해보면 쭈루룩 리스트가 나온다. 그 중 빨간불이 들어온 부분이 메일 서버가 스팸서버가 된 각종 이유들이다.ㅋ 본인의 경우 CBL 때문에 걸렸는데, 내용은 아래와 같다. This IP address is HELO'ing as  "localhost.localdomain"  which violates the relevant standards (specifically: RFC5321). 메일서버 도메인에 별다른 작업을 안해놓아서 "localhost.localdomain" 으로 설정되어있었다. 만약 CBL만 바로 테스트 해보고 싶으면 http://cbl.abusea...

[javascript] 특정시간에만 함수 실행

특정시간에만 팝업을 띄우려면?? 특정시간에만 로그인을 막으려면?? 특정시간에만 할일은 의외로 참 많다. 방법? 딱히 없다. 현재시간 구해서 시작시간, 종료시간 사이에 있을때 시작하는 수밖엔. if ((현재시간 > 시작시간) && (현재시간 < 종료시간)){ .. 팝업노출(); 공사페이지 리다이렉트(); 기타등등(); .. } 자바스크립트로 작성하면 다음과 같다. var startdate = "2014012008" ; var enddate = "2014012418" ; var now = new Date (); //현재시간 year = now. getFullYear (); //현재시간 중 4자리 연도 month = now. getMonth () + 1 ; //현재시간 중 달. 달은 0부터 시작하기 때문에 +1 if ((month + "" ). length < 2 ){ month = "0" + month; //달의 숫자가 1자리면 앞에 0을 붙임. } date = now. getDate (); //현재 시간 중 날짜. if ((date + "" ). length < 2 ){ date = "0" + date; } hour = now. getHours (); //현재 시간 중 시간. if ((hour + "" ). length < 2 ){ hour = "0" + hour; } today = year + "" + month + "" + date + "" + hour; //오늘 날짜 완성. / / 시간비교 i...

스레드 동기화1 - syncronized

구현 스레드를 구현하는 방법은 2가지다. 1. Thread 클래스를 extends 한다. 2. Runnable 인터페이스를 implements 한다. 뭐 사실 Thread는 생성자의 변수로 Runnable을 취한다. public Thread (Runnable target) { init( null, target , "Thread-" + nextThreadNum () , 0 ) ; } 그리고 Runnable 인터페이스는 run() 이라는 단일함수를 갖는 인터페이스이다. @FunctionalInterface public interface Runnable { /** * When an object implementing interface <code> Runnable </code> is used * to create a thread, starting the thread causes the object's * <code> run </code> method to be called in that separately executing * thread. * <p> * The general contract of the method <code> run </code> is that it may * take any action whatsoever. * * @see java.lang.Thread#run() */ public abstract void run () ; } 그렇기 때문에 람다식으로 표현이 가능한 것이다. 동기화 동기화는 동시에 같은자원의 접근을 제한하고자 할때 사용한다. 예를들어, 한 우물에서 물을 15번 길어야 하는 일을 해야할때 5명이서 3번만 하면 수고를 5배로 줄일수 있다. 그런데 우물은 하난데 동시에...