본문 바로가기

728x90
반응형

전체 글

[피그마 기초 3강] 그리드 이해하기 플랫폼을 보시면 깔끔하게 정돈된 텍스트, 오브제들을 확인하실 수 있습니다. 그리고 그렇게 깔끔한 플랫폼에서 매출과 직결되는 부분이 많을 수 있습니다. 그래서 피그마의 그리드라는 기능에 대해서 알아보겠습니다. 1. offset : 컨테이너 바깥 부분에 해당하는 영역 2. column : 열(칼럼 위에 오브젝트가 배치된다라고 이해하자) 3. Gutter : 칼럼과 칼럼사이의 길이 그리드 좋은 예/나쁜 예 1. 그리드를 사용하지 않고 오브제를 먼저 사이즈를 재고 배치를 했을 경우 아래와 같은 화면으로 배치할 수 있습니다. 이렇게 화면을 이렇게 배치하게 되면 예쁘게 잘 배치되었는데, 무엇이 문제일까? 잘 보면 오브제가 잘 정돈되어 보이지만, 이를 재사용할 수 없습니다. 그러나, 그리드를 사용하게 되면 디바이스 .. 더보기
[피그마 기초 2강, 도형부문]피그마와 PPT 기능 비교, 피그마의 파워풀한 우측 패널 기능 익히기 피그마의 우측 패널은 PPT의 기능과 거의 동일한 부분이 있는데, 보다 파워풀한 기능들이 몇개 있습니다. PPT와 피그마 어떤 차이점이 있나? 1. 정렬 기능 프레임 위에 레이어(사각형 도형, 원 등의 오브젝트를 프레임 안에서 위치를 바로 잡는 기능 PPT에서 맞춤 기능과 거의 비슷하게 생각하시면 쉬움 2. 도형 리사이징 기능 X, Y는 프레임의 좌표 값 W : 해당 도형의 넓이 H : 해당 도형의 높이 Rotation : 해당 도형의 각도 corner radius : 해당 도형의 모서리 둥굴기 각도 3, 4 도형 서식 해당 도형의 색상이며, %는 해당 도형의 투명도 Tidy up(정렬) 이렇게 보면 PPT와 전혀 다를게 없어 보입니다. 그러나 피그마만의 파워풀한 기능 중 하나 Tidy up이라는 정렬 .. 더보기
[피그마 기초 1강]피그마로 디자인을 할 때 알아야 할 기본 개념들 피그마는 기본적으로 온라인 환경에서 사용가능합니다. 피그마를 하기전 기초적인 기능에 대해서 알려드리겠습니다. 비트맵(Bitmap) 픽셀(점)이 모여 이루어진 그림 대표 포맷 : jpq, PNG 백터(Vector) 개념 : 선분과 면으로 이루어진, 수학적 연산에 의해 이루어진 그림. 확대해도 깨지지 않음 대표 포맷 : AI, SVG 대표 소프트웨어 : 피그마, 일러스트 레이어(Layer) 그림을 그릴 수 있는 투명 필름으로 이해 가능 1개의 레이어는 1장의 투명 필름 피그마 작업 환경 이해하기 피그마 단축기 확인하기 가장 많이 사용되는 툴이라고 생각하시면 되겠습니다. 1. 무브툴 : V 2. 프레임 툴 : F 3. 펜툴 : P 4. 텍스트 툴 : T 5. 도형 툴 : R 6. 원 툴 : O 7. 라인 툴 .. 더보기
아이패드 프로4세대 M2칩 11인치 찐 회사에서 업무를 하기위해 구매한 찐텐 실구매 후기(feat. 안사고 못베길껄) 요즘 IT 회사에서 일하다 보면 정말 회의도 많고 해야 할 것도 많고 정리도 필요하고 그럴 때마다 가장 필요한 것 노트죠. 노트를 활용하는 가장 좋은 방법은 역시나 아이패드 감성이 아닐 수 없습니다. 그래서 어쩔 수 없이 제가 구매를 했다라기보다는 구매를 해야 일을 할 수밖에 없는 핑계를 만들어 하나 장만하였습니다. [그림을 클릭하면 해당 링크로 넘어가 실 수 있습니다.] _ 하단 링크에서 구매하시면 정말 감사하겠습니다. 아이패드 내게 맞는 스팩은? 아이패드 프로 4세대로 100만 원 대 다른 아이패드 대비 좋은 성능이지만 가격이 저렴하다는 것을 아실 수 있습니다. 사진을 보면 대체 무엇을 사야 하는지 고민에 빠질 수밖에 없다는 것을 느끼 실 수 있어요. 대체 저 많은 상품 중에 어떤 스펙을 사야 만족할.. 더보기
[CSS 초보] html 및 css에 대한 기초 이해 HTML에서 Welcome to my webpage! This is the content of my webpage. 이 예에서 Welcome to my webpage! This is the content of my webpage. 이 예에서 태그에는 요소 의 스타일을 정의한 CSS코드가 포함되어 있다. 속성은 텍스트 색상을 설정하는 데 사용되며 속성은 글꼴 크기를 설정하는 데 사용된다. , color, font-size가 그 예이다. 그리고 브라우저가 이 HTML 문서를 렌더링할 때 정의된 스타일을 해당 HTML 요소에 적용하여 빨간색 h1제목과 파란색 단락 텍스트를 생성한다. 그리고 은 html에서 사용하는 것으로 그 예시는 다음과 같다. Welcome to my webpage! This is the .. 더보기
금성이 비너스라고 불리는 이유는?(금성 표면 온도, 지구와의 거리, 질량, 금성 공전주기 등 총 정리) 금성은 왜 비너스라는 이름을 가지게 되었을까? 사실 금성에 대한 꽤나 재미난 이야기가 존재해요. 이거 꽤나 재밌어요! 금성! 금성에 대해 재밌는 사실 여신의 이름을 딴 지구상의 유일한 행성 금성에 대해 알고 계시나요? 이거 알고 보면 진짜 신기해요. 금성은 비너스(아프로디테)라고 알려져 있는데, 그리스 로마 신화에서 사랑과 미의 여신이라고 알려져 있어요. 그리고 우주에서 가장 아름답게 빛나기 때문에 비너스래요. 그런데 반전! 금성은 표면온도가 460도로 수성보다 더 뜨거워요. 이런 뜨거운 행성, 금성에 대해서 알아볼까요? 지금도 육안으로 금성을 관측할 수 있으며, 그리스 로마시대 이전부터 금성은 여신 비너스로 다양한 문화에서 예배의 대상으로 여겨졌어요. 그리고 금성이 진짜 신기한 게 뭐냐면 19개월마다 .. 더보기
나이키 알파플라이2 런닝화 리뷰 및 런닝화 추천(직접 신어보고 말해주는 리얼 후기) 동아마라톤을 다녀오고 런닝이 재밌어지고 새로운 런닝회를 구매하게 되었습니다. 이번에 소개해드릴 런닝화는 나이키 알파플라이2 나이키 레싱화입니다 정말 예쁜! 신발 구성은 런닝 가방을 준다는 것에 굉장히 좋았습니다. 공식 홈페이지 329,000원입니다! 홈페이지에서 보여주는 이미지 컷 보여드리겠습니다! 색상은 현재 공홈기준에서 핑크색과 주황색 두개인데 인터넷에서 보니 초록색과 흰색도 있더라구요! 앞에눈 이렇게 생겼습니다! 앞에 에어 줌이 있기에 눌렀을 때 앞에 잡아줘서 너무 좋았습니다❤️❤️❤️ 뒷 면은 이렇게 생겼는데 제가 결정적으로 알파 플라이2를 추천하는 이유는 이겁니다. 이거 전에 에어 페가수스 에어줌 2019를 사용했는데 뒷면이 쿠션이 있는게 너무 좋았습니다. 그래서 이번에 살 때도 뒤에 에어 쿠션.. 더보기
[업무용, 게임용 키보드 추천]블루투스 무접점 키보드(실사용 후기, 기계식 키보드, 사무실 키보드 추천, 유선/무선 키보드) 이번에 회사를 다니면서 로지텍 키보드를 사용하고 있었는데, 문서가 너무 많고 손가락이 아프기 시작해서 건강과 마음의 평화를 얻기에 위해 새로 하나 키보드를 구매하게 되었습니다. 이번에 소개해드릴 무접점 키보드(거의 소음이 없음)는 디자인부터 시작해서 소리, 키감이 특히나 정말 좋았습니다. 상품 바로가기 한섬컴퓨터 키보드 GK89B SPRTS 스펙사항은?(한방정리 후 자세하게 설명)블루투스 5.0을 지원 OS 등 호환성을 개선하여 IOS/Mac/안드로이드 등 기기간 연결도 문제없이 작동키보드 메커니즘의 장점이라고 평가받는 50g 장전용량 무접점 스위치는 무접점 방식으로 조용하고 부드러운 타건이 가능하여 사용자의 피로드를 낮춰줌!키캡 교체 장착이 편리한 체리 스테빌라이저 : 스테빌의 철심으로 인한 키감의 방.. 더보기

728x90
반응형