전체 글21 웹 디자인 공부 :: 그리드 시스템 실습 파일 그리드 복잡한 사이트를 간단하게 표현할 수 있는 방법. 그리드 그리기 웹 사이트 폭 1920 그리드 폭 값의 종류 1440 1320; 신세계에서 많이 사용 1080 ... 컬럼 갯수 12컬럼 1320/12 =110 110으로 12개를 나눈다. 1320 110을 양쪽으로 20 나눈다. 20|70|20 = 110 = 한 컬럼 값 15|80|15, 10|90|10 -> 정해진 값은 없음 자유. 전체 해상도 사이즈에 비해 사이간격이 너무 넓거나 좁지만 않으면 된다. 1320 - 양끝 좌우 = 1280 = 사용 범위 1280-40/2=620; 박스 두개 (40은 가운데 사이간격) 1440 1080 댓글 각 해상도 안에 콘텐츠가 안전하게 보일 수 있도록 디자인 작업 시 좌우 여백을 주는 것이 일반적이다... 2021. 3. 6. 좋은 디자이너가 되기 위한 좋은 습관들 좋은 디자이너란 무엇일까? 안녕하세요! 얼마 전 웹 에이전시에 입사한 신입 디자이너 헤이즐입니다! 열심히 하겠다는 열의에도 불구하고 디자이너로써 일하기 위한 기본기가 많이 부족하다는걸 깨닫고 있습니다. 웹 에이전시 입사 전에는 디자인 퀄리티가 좋으면 좋은 디자이너라고 생각했는데, 실무에서의 좋은 디자이너이란 단순히 디자인 퀄리티를 높이는 것 뿐만 아니라 폴더 정리, 디자인 레퍼런스 수집, 팀원과 고객사와의 소통이 중요하다는 것을 알게 되었어요. 천천히 하지만 꾸준히 좋은 습관들로 하루하루를 채워가며 좋은 디자이너로 거듭나고 싶어요! 그래서 이번에는 디자이너 여우별님의 '좋은 디자이너가 되기 위해 좋은 습관을 들이는 방법!' 이라는 글을 정리해 보았습니다. 좋은 디자이너가 되기 위한 좋은 습관들 1. 폴더.. 2021. 3. 1. 초보 디자이너 웹 에이전시에 들어가다! 드디어 웹 에이전시! 저번주, 도전과 방황 끝에 희망하는 업종이었던 웹 에이전시에 들어가게 되었어요! 설날 이후 일이 많이 밀려 있었는지 당장 일할 사람이 필요하신 것 같았어요(이것도 기회!) 감사하게도 저를 좋게 봐주셔서 면접을 보고 바로 다음 날 부터 출근했습니다. 비전공자로써 웹 에이전시에 들어가기까지 여러 우여곡절이 있었어요.. 새로운 도전과 성장 앞에서 어떻게 여기까지 왔었는지 자문자답 형식으로 회고하며 초심을 다잡고, 앞으로의 방향성에 대해 고민보기로 했습니다! 자문자답 무엇을 전공했나? 저는 영어영문학을 전공했어요! 휴학생 때 잠깐 번역 일을 했는데 해외 생활을 오래 하신 분들, 학벌 좋은 똑똑하신 분들, 게다가 나날이 발전하는 AI 번역 기술에 두려움을 느껴 디자인으로 진로를 변경하게 되었.. 2021. 2. 27. 독학하는 신입 디자이너에게 도움이 되는 사이트 디자인 베이스 designbase.co.kr/category/webdesign_basic_course/page/2/ 맥가의 브런치 brunch.co.kr/@macga#articles 2021. 2. 15. E:\찍음\필름 카메라\0495 인화일: 2018-10-24 카메라: KYOCERA TD 피사체: 강아지 보리 2021. 2. 9. 구직 중인 초보 웹 디자이너의 현실 파악 초보 웹 디자이너의 고민 약 한달 조금 넘는 기간 동안 잡코리아를 통해서 총 50여 개의 지원서를 넣었다. 면접은 5번 봤다. 그 중에 제일 마음에 드는 곳에 입사 했다가 체계가 없는 것 같아 이틀만에 나왔다. 여기서 약간, 아니 큰 현타가 찾아왔다. 나 이대로 괜찮은걸까? 제대로 된 일을 할 수는 있는걸까? 안정적인 회사면 포트폴리오가 형편없거나 재미없고, 사업 방향성이 흥미로우면 당장 들어가서 로고부터 만들어야 하는 스타트업이다. 업력이 있고 괜찮은 포트폴리오를 갖고 있는 곳에서는 신입보다 경력자를 선호한다. 아무데나 들어가자니 잡플래닛을 통해 회사에 대한 살벌한 진실을 알고나면 전의를 상실하게 된다. 존경할만한 사수, 배울게 많은 대규모 프로젝트, 능력자들이 협업하는 내 상상 속의 완벽한 회사는 나.. 2021. 2. 9. 티스토리 기본 서체 변경하는 방법 (feat. @font-face) 1. '스킨편집하기' 로 이동 2. 'html 편집' 으로 이동 3. 서체 파일 등록 '파일 업로드' 탭으로 이동 > '+추가' 버튼을 눌러 폰트 파일 추가 > '적용' 4. CSS에서 웹 폰트 로드하기 CSS 탭 > 아래 코드를 복사 > 첫 번째 줄 바로 아래 붙여넣기 @font-face{ font-family: 'RixGothic'; font-style: regular; font-weight:normal; src: url('./images/RixM.woff'); } 빨간색으로 강조된 부분을 커스텀한다. font-family : '영문폰트이름'; src: url('./imgaes/영문파일이름.woff'); 5. 원하는 부분에 폰트 적용하기 30번 째 줄 즈음에 있는 'body' 태그의 'font-fam.. 2021. 2. 9. 디자인 히스토리 02 - 디자인의 통합 디자인의 통합 '디자인'이라는 개념을 이야기할 때 항상 따라다니는 중요한 사건으로서, 디자이너들에게 커다란 위치를 차지해 온 것이 있다. 바우하우스의 활동이 바로 그것이다. 바우하우스는 1919년 독일의 바이마르에 창설된 조형 교육 기관으로, 그 일련의 움직임을 이르는 말이기도 하다. 나치의 탄압으로 1933년에 폐교될 때까지의 기간은 겨우 14년이었으며 가장 왕성했던 시기에도 몇 안 되는 교사와 200명 정도 불과한 학생들로 운영되었던 작은 학교였으나 이곳에서 형성된 '디자인' 개념은 확실한 방향을 제시하였다. 이곳에서는 벌써 기계 생산을 긍정적으로 받아들이고 있었고 20세기 첫머리에 일어났던 다양한 예술 운동으로 만들어진 여러 조형 개념을 재정리했다. 과거의 형식과 결별하기 위한 해체 운동 러스킨, .. 2021. 1. 14. 디자인 히스토리 01 - 현대 디자인의 발생 현대 디자인의 원류 니콜라스 펩스너가 그의 저서 에 소개한 것 처럼, 디자인의 발생은 약 150여 년 전 사회사상가인 존 러스킨과 사회사상가인 동시에 예술 운동가이기도 했던 윌리엄 모리스의 사상이 원류로 생각되고 있다. 디자인이란 사상의 발단, 영국의 산업 혁명 19세기 중반 영국은, 산업 혁명으로 나타난 기계 생산에 의해 활기에 차 있었다. 수공예를 통해 아주 오랫동안 갈고 닦여 내려온 섬세한 '형태'가 기계에 의해 천박하게 해석되고 왜곡되어 빠른 속도로 대량생산 되었고, 이것에 이의를 제기했던 대표적 인물이 러스킨과 모리스였다. 그들은 생활환경을 급격하게 변화시키는 산업의 구조 안에 감추어진 둔감함과 미숙함에 대한 미적 감수성에 반발을 일으켰고, 이것이 바로 '디자인'이라는 사상, 또는 사고방식의 발.. 2021. 1. 13. 이전 1 2 3 다음
