본문 바로가기

디자인

보호글 주말에 가족들과 동대문디자인플라자(DDP)에서 실컷 놀다 왔네요^^ 보호되어 있는 글입니다.
삼성 갤럭시 디자인의 변천사 조약돌에서 엣지까지 갤럭시S 시리즈는 삼성전자 스마트폰의 최고 모델이자, 세계 안드로이드 스마트폰을 상징하는 플래그십 제품이다. 삼성전자는 2010년 첫 갤럭시S 이후 지금까지 매년 갤럭시S 시리즈를 발표하며, 세계 스마트폰 시장의 표준을 제시했다. 첫 갤럭시S의 탄생은 2010년으로 거슬러 올라간다. 4인치 OLED 디스플레이에 둥그러운 각을 가진 직사각형 터치 스마트폰, 하단에는 메뉴와 뒤돌아가기 버튼이 달린 이 제품은, 그동안 각기 다른 컨셉과 디자인이 중구난방으로 쏟아졌던 안드로이드 스마트폰 시장에 최적화 된 디자인으로 자리매김한다 이듬 해 등장한 갤럭시S2는 4.3인치로 커졌다. 당시 3인치 대 제품이 주류였던 스마트폰 시장에 일대 충격을 가져다 준 크기의 변화다. 한 손에 알맞게 잡히면서도, ..
상의원 (2014) 상의원 (2014) 조선시대 왕실의 의복을 만들던 공간 ‘상의원’ 이 곳에서 펼쳐질 아름다움을 향한 대결이 조선의 운명을 뒤흔든다! 30년 동안 왕실의 옷을 지어온 상의원의 어침장 조돌석(한석규)은 이제 6개월만 채우면 곧 양반이 된다. 어느 날 왕의 면복을 손보던 왕비(박신혜)와 그녀의 시종들은 실수로 면복을 불태우게 된다. 궐 밖에서 옷 잘 짓기로 소문난 이공진(고수)은 급하게 옷 짓는 사람이 필요했던 왕비의 청으로 입궐하여 하루 만에 완벽하게 왕의 옷을 지어 올린다. 돌석은 처음에는 기생들의 옷이나 만드는 천한 사내라고 생각하며 공진을 무시하나 자신을 곧잘 따르는 공진에게 점차 마음을 열게 되고, 그의 천재성에 묘한 질투심도 느낀다. 왕(유연석)과 왕비를 사로잡은 공진의 옷들은 조선 전체의 유행을 ..
[벤치마킹] 모던 레트로 스타일 웹사이트 디자인 Modern Retro Style Website Designs
아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수규칙 아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙 웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의 청사진을 제공해 줍니다. 또한, 아이트래킹 연구(eye-tracking research)는 사이트 방문자들이 웹사이..
UX / UI 디자인이란? UI(User Interface)의 정의 사용자가 제품을 어떤 방식으로 이용하도록 만드느냐를 디자인하는 것 UI디자인은 어원 그대로 해석하면 사용자의 최적화를 시켜주는 디자인이라는 뜻이다. 스마트폰에서 쓰이는 UI디자인은 스마트폰 어플을 포함하는 경우도 있을 수 있겠지만, 대부분 스마트폰 자체의 기능과 디자인을 표현한다. UI는 디자인 뿐만 아니라 데이터 입력이나 동작을 제어하기 위한 화면의 외관, 음악, 콘텐츠등을 표현하는 모든 방식을 말한다. 좁은의미의 UI디자인은 컨셉을 잡고 시나리오를 짜는 과정이며, 사용자의 입장에서 가장 적은 클릭과 드래그로 원하는 메뉴에 가장 빨리 도달할 수 있는지를 구상하는 것이다. 세분화하면 실제 그림을 그리고 색을 입히는 GUI(Graphic User Interface)..
안드로이드 개발시 주의점 중 dp, dpi, px 의 개념 대해 dp란 어쩔때 사용하는 것일까? 단순히 px을 dp로 변환하고자 한다면 dp = px * 0.66625로 계산한다.(해상도480*800 기준) 480*800 px => 320*533 dp이다. dp (dip, density independent pixel) 은 안드로이드에서 여러 화면 크기를 서포트 해주기 위해서 만든 유닛이다. 만약 많은 화면에서 내가 만든 레이아웃이 제대로 보이길 원한다면 dp를 써서 화면을 만드는 것이 좋다. 우선 주의할 것은 안드로이드는 160dpi를 기본으로 생각한다. 이것은 (320 x 480) 스크린의 density를 나다내는 것이다. 그러므로 480 x 800 (240dpi)의 스크린을 dp로 나타낸다면 320 x 533 (480 / 1.5, 800 / 1.5) 이 된다. ..
보호글 디자인팀 연말에 회식했습니다. 어디서? 청담에서 ㅎㅎ 보호되어 있는 글입니다.
웹디자인 - 체크리스트 11가지 1. 사이트의 목적 사이트가 목적을 제대로 수행하고 있나? 목표 고객이 원하는 바를 전달하도록 디자인됐나? 2. 사이트의 능력 효율적인가? 직관적인가? 전체적으로 일관성있게 움직이고 그렇게 보이는가? 사용자가 충분히 통제하고 있고 편안하다는 느낌을 주는가? 3. 브랜딩 웹 사이트의 첫 페이지가 당신 비즈니스의 성격을 반영하고 있는가? 브랜딩이 사이트의 모든 페이지에 나타나는가? 페이지 우측과 마찬가지로 페이지 상단의 주목할 만한 위치에 브랜딩이 표현되는가? 홈페이지로 링크를 거는 것처럼 브랜딩이 내비게이션의 한 부분처럼 작동하는가? 4. 내비게이션 사이트의 주요 내비게이션이 스크롤하기 전의 눈에 띄는 위치에 나타나는가? 사이트 내비게이션이 이미지 형식인가? 그렇다면 페이지 내에 텍스트 형식의 내비게이션도..
웹 디자인 참조 사이트 by 박인섭 웹 디자인 참조 사이트 by 박인섭
디자인 설득 by 박 인섭
한글 타이포 그래픽 적용 사이트 사례 - 산돌폰트 by 박인섭
컨셉에 따른 타이포 그래픽 by 박인섭
웹디자인 - 레이아웃(Layout)의 구성요소 - 내용 by 박인섭 쌤
웹디자인 - 레이아웃(Layout)의 원리 Part 2 by 박인섭 쌤
모바일 웹디자인을 위한 테크닉,추천 사례 최근 아이폰이 출시되면서 이 영향으로 모바일 디바이스를 통한 인터넷 접속률의 폭발적인 증가를 보였습니다. 국내의 경우 또한 이런 아이폰과 같은 스마폰의 영향으로 모바일 웹 환경의 변화가 가속화되고 있습니다. 특히 작년 한 해 미국의 모바일 디바이스를 통한 인터넷 접속자 수가 6300만 이상을 넘어섰다는 통계가 있었습니다. 이 얘기는 결국 머지 않아 몇 년안에 지금의 PC 웹 인프라 못지 않게 모바일 웹에서도 대중화된 인프라가 형성 될 것이라는 예측은 너무나 자연스러운 일이 아닐 수 없습니다. 상황이 이렇다보니 웹디자인 및 개발에 중요성이 PC웹 뿐만이 아니라 모바일웹로 넘어가고 있습니다. 그럼에도 불구하고 국내에는 아직 모바일 웹에 대한 실무적인 정보들이 많이 부족하다는 사실이 아쉬울 뿐입니다. 오늘 포..