Blog Content

#184643533 / gettyimages.com l 사이트 명 : 사이트명을 적습니다. l 사이트 주소 : 사이트 URL 주소를 적습니다. l 사이트 목적 정의 : 사이트의 개설 목적을 정의합니다. 가장 중요한 부분으로써, 사이트의 개설하고자하는 목적이 무엇인지 (예를들어, 물건을 판매하는 것인지.. 상품홍보인지..) 를 분석합니다. l 사이트 사용자 정의 : 사이트의 이용하는 사용자를 정의합니다. 연령층, 전문분야 등 타겟을 누구에게 맞춘 사이트인가를 분석합니다. l 사이트맵 : 구체적인 사이트맵을 파악합니다. 네비게이션 구조 및 UI 를 얼마나 잘 설계했는지 분석을 하기 위함입니다. l 디자인측면 분석 (아래 사항을 참고하여 서술하여 주십시오) - 전체적인 분위기 및 테마 : 전체적인 분위기와 테..

효과적인 디자인 전략 1. 인쇄매체와 웹 페이지 웹 페이지는 종이가 아닌 모니터로 전달되지만, 웹 페이지 한 장만을 놓고 보면 서적이나 신문, 잡지 등 인쇄매체와 마찬가지로 글자체나 색상 등 여러 가지 시각자료들을 페이지의 기본 요소로 하고 있다. 또한 인쇄매체에서 볼 수 있는 헤드라인, 서브 타이틀, 도입부나 인용구, 삽화나 사진, 캡션 등도 웹 페이지에서 동일한 형태로 보여진다. 그러나, 인쇄매체는 각 페이지가 순차적으로 연결되지만, 웹 페이지는 각각의 페이지가 독립적으로 구성되어 있다. 즉, 웹 사용자들은 순서에 따라 첫 페이지에서 두 번째 페이지로 이동하는 것이 아니라, 링크를 통해서 그 어떤 페이지로도 자유롭게 이동할 수 있다. 그러므로 상위 페이지와 하위 페이지, 이전 페이지와 다음 페이지 등..

사이트 디자인, 제대로 알고 하자 지난 몇 년간 수많은 인쇄 매체 디자이너들이 온라인 그래픽 분야로 옮겨 왔다. 이 덕에 인쇄 매체 쪽에서 사용되던 디자인 기술이 웹 사이트 디자인에 널리 적용됐다. 따라서 인쇄 매체와 온라인 매체 간에 기업의 브랜드 이미지는 통일성을 갖게 됐고, 온라인 상에서도 기업 고유의 이미지를 보존할 수 있게 된 것이다. 그러나, 최근 연구 조사는 인쇄 매체의 디자인 기술이 온라인 매체에 적합치 않을 수도 있다고 지적하고 있다. 포인터 인스터튜트(Poynter Institute)는 최근 사람들이 뉴스 웹 사이트를 어떤 식으로 이용하는지 조사하기 위해 아이트랙킹(eyetracking) 연구를 실시했다. 아이트랙킹 연구란 인쇄물, TV, 슬라이드, 그 밖의 여러 가지 시각 매체의 이용..

많은 툴을 다룰 줄 아는 것은 기본일 뿐이다. 면접시 제출한 이력서를 보면, 자신이 다룰 줄 아는 툴에 대해서만 3-4줄 정도 빽빽하게 나열한 경우를 볼 수 있습니다. (제발 자신 있게 다룰 줄 아는 툴만 적읍시다 -.-;) 물론 많은 툴을 익혔다는 것은 자신에게 플러스 요인이 되는 것은 부인할 수 없죠~ 하지만, 그것은 웹디자이너의 기본에 지나지 않는다는 것을 명심하세요. 다시 말해 툴이라는 것은 기능적인 것이지 테크닉이 아니라는 것이죠. + 사용자 환경을 고려하라 앞서도 말했지만, 자신만 만족하는 디자인은 얼마안가 외면 당하기 쉽습니다. 누구로부터냐구요? 바로 사용자지요. 홈페이지는 자기만 보려고 만드는게 아니라, 여러 사람이 볼 수 있도록 만드는 것이라는 것은 기본적으로 아실거에요. 그래서 홍보를 ..

윈도우상에서 현재 보이는 그대로의 화면을 캡쳐하고 싶을 때가 있습니다. 보통은 캡쳐 전용프로그램을 사용하기도 하지만 그것이 여의치 못할때는 윈도우 자체에 있는 기능만으로도 화면을 캡쳐해서 그림파일로 저장할 수 있습니다. 윈도우에서 캡쳐하기를 원하는 화면에서 F12키 옆에 있는 Print Screen 키를 누르세요. 아무런 변화도 없는것처럼 보이지만 메모리에 화면이 저장되어 있는 상태입니다. Print Screen 키를 누르셨으면 윈도우의 [보조프로그램]안에 있는 [그림판]이나 포토샵을 열고 붙여넣기 한후 저장하면 됩니다. 여기서 하나 알아두실 것은 그냥 간단히 PrintScreen 키만 누르면 화면 전체가 캡쳐 되구요 Alt + PrintScreen 키를 누르면 현재 활성화된 창만 캡쳐 된다는 겁니다. ..

1. feather효과를 적용할 이미지를 불러옵니다. 2. 툴박스에서 사각선택툴을 선택하고 아래와 같이 영역을 선택합니다. 3. Select-Inverse(Shift+Ctrl+I)메뉴를 눌러 선택 영역을 반전시킵니다. 4. Select > Feather를 선택하시거나, Alt + Ctrl + D를 눌러 Feather대화상자를 열고 적용될 Feather값을 입력합니다. 5. 배경색을 흰색으로 설정하고 Ctrl+Delete키를 누르면 아래와 같이 테두리가 흐려집니다.

1. 새창을 열고 [Filter]-[Noise]-[Add noize] Amout를 400으로 설정하고 Gaussian과 Monochromatic을 체크합니다. 2. [Filter]-[Blur]-[Motion Blur]를 열고 Angle을 90으로 입력하고 Distance는 999로 설정합니다. 3. [Image]-[Adjustments]-[Brightness/Contrast]대화상자를 열고 이미지가 선명하게 되도록 Contrast값을 올려줍니다. 4. 아래 부분을 조금 선택해서 삭제한 다음 문자를 입력합니다.

1. 첨부된 파일을 다운받아 압축을 풀면 두개의 폴더가 있습니다. [ko_KR]은 한글 이고 [en_GB]는 영어입니다. 2. 탐색기를 열고 아래의 경로를 찾아갑니다. C:\Program Files\Adobe\Adobe Photoshop CS5\LOcales 3. 폴더를 보면 [en_GB]폴더가 있는데 이것은 영어 입니다. 이폴더를 삭제하시고, [ko_KR]폴더를 넣어 주시면 한글패치가 완료됩니다. 4. 언어를 다시 영어로 바꾸시려면 반대로 [en_GB]폴더를 넣어 주시면 됩니다.

보통 이미지의 크기를 이야기 할때 컴퓨터 데이터로는 픽셀(pixel)을 이야기하고 출력물(프린트물)등은 인치(inch)와 센티미터(centimeter)단위로 그 외곽크기를 계산하게 됩니다. 주의할 점은 컴퓨터 모니터는 인치나 센티등 실제적 단위를 사용해서 이미지를 보여 주지 않는다는 점입니다. 컴퓨터의 화면상에서는 오직 픽셀단위로 계산됩니다. 우리가 익숙해져야 할 점은 원하는 출력물의 크기와 해상도를 얻기 위해서는 모니터 상의 이미지와 출력물들의 상호 차이를 정확히 개념 잡아야 한다는 것입니다. 픽셀에 대한 일반적 개념 픽셀(Pixel)은 디지털 이미지의 최소 단위로서, 컴퓨터는 모니터에 이미지를 나타낼 때 점들을 찍어서 나타냅니다. 이 점들을 부르는 말이 바로 픽셀(pixel)입니다. 보통 컴퓨터 모니..

Edit > Preferences > General을 열어보면 Show Font Names in English 에 체크가 되어 있는데 체크를 풀어주면 한글폰트가 한글로 표시된다. CS6 Edit > Preferences > Type > Show Font Names in English 체크해제