[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)전세계 가장 많은 사람들이 사용하는 협업 툴 피그마를 배워보세요! UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 학습해 봅니다.  이미지 썸네일 삭제[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original) 강의 | 인프런 - 인프런인프런 | 전세계 가장 많은 사람들이 사용하는 협업 툴 피그마를 배워보세요! UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 학습해 봅니다., [사진]디자인 툴에서 협업툴로끊임없이 확장하는 Figma..

웹디자인,퍼브리싱 2025. 1. 14. 17:56

LG 울트라파인 24 ~ 27인치 Apple 스튜디오 디스플레이 Dell UltraSharp U2723QE 삼성전자 뷰피니티 S8 27인치 색상에 민감하시거나, 디자이너, 사진및 영상 작업하시는 분이시라면 위 4가지를 추천합니다. 다른 모니터들도 대안이 될수 있지만, 맥북의 외부모니터로 사용하시려면, 1. ips 패널 2. us 이 2가지는 필수로 하고, 나머지 요소들( 모니터 사이즈, 4k 등 )은 선택사항이라 위 모니터들을 추천합니다. IPS 패널에 대한 간단한 소개 IPS(In-Plane Switching) 패널은 액정 디스플레이(LCD)의 한 종류로, 특히 넓은 시야각과 우수한 색재현력으로 인기 있는 기술입니다. 여기에 대해 좀 더 자세히 설명해 드리겠습니다. IPS 패널의 특징 넓은 시야각: I..

웹디자인,퍼브리싱/디자인자료실 2024. 2. 24. 12:28

어도비 포토샵 한글판 영문판 변경하기yo~~ 위 파란색 색칠된 부분이 포토샵 한글판일때 세팅된 상태입니다. 이 부분에서 , 맨끝에 _KR을 _original 로 변경해주면 바로 ~~ 바로~~ 영문판으로 변경됩니다. 요렇게~~~ 그리고 포토샵을 재시동 해주시면 바로 변경 완료~~

웹디자인,퍼브리싱 2023. 7. 26. 08:24

Sans-serif Fonts와 Serif Fonts 의 차이 영문폰트 예 font-family: Georgia; font-family: Georgia, Selif; Selif 를 추가 하느냐 아니냐에 따라 서체가 달라져요 CSS font-family Times New Roman font. Arial font. Lucida Console font. 다음 공부하러~~ https://everyhappyday.tistory.com/280 CSS- 텍스트 컬러 바꾸기 / 다양한 컬러값주기 색상값주기는 텍스트, 배경, 라인 등 줄 수 있는데요 텍스트에 색상값으로 CSS를 이용하여 아래와 같이 설정해보아요~ 안녕하세요 ^^ 저는 파란색을 좋아해요 class="클래스명" class 에 들어가는 클 everyhappy..

웹디자인,퍼브리싱/CSS 2022. 11. 27. 14:58

background-image 이미지를 백그라운드에 넣고 싶을때 background-image 를 이용하여 배경에 이미지를 넣어 봅니다. 백그라운드에 이미지로 넣어볼까요? 뒤에 백그라운드 이미지가 패턴처럼 반복되어 배경을 채워줍니다. CSS background-repeat background-repeat: repeat-x; 를 추가했을때 백그라운드에 이미지로 넣어볼까요? 뒤에 백그라운드 이미지가 패턴처럼 반복되어 배경을 채워줍니다. background-repeat: repeat-x; 를 추가했을때 백그라운드에 이미지로 넣어볼까요? 뒤에 백그라운드 이미지가 패턴처럼 반복되어 배경을 채워줍니다. background-repeat: no-repeat; 백그라운드에 이미지로 넣어볼까요? 뒤에 백그라운드 이미지가 ..

웹디자인,퍼브리싱/CSS 2022. 11. 27. 12:22

CSS 백그라운드 컬러 예제 지금 div에 배경색을 주었어요 여기도 백그라운드 색상 다르게 위 색상과 다르죠 컬러값은 다양하게 줄 수 있는데요 아래 링크 텍스트 컬러값 주기를 참고하세요~~ CSS- 텍스트 컬러 바꾸기 / 다양한 컬러값주기 색상값주기는 텍스트, 배경, 라인 등 줄 수 있는데요 텍스트에 색상값으로 CSS를 이용하여 아래와 같이 설정해보아요~ 안녕하세요 ^^ 저는 파란색을 좋아해요 class="클래스명" class 에 들어가는 클 everyhappyday.tistory.com

웹디자인,퍼브리싱/CSS 2022. 11. 27. 11:57

색상값주기는 텍스트, 배경, 라인 등 줄 수 있는데요 텍스트에 색상값으로 CSS를 이용하여 아래와 같이 설정해보아요~ 안녕하세요 ^^ 저는 파란색을 좋아해요 class="클래스명" class 에 들어가는 클래스명은 본인이 알아보기 쉽고 중복되지 않는 것으로 사용해요~~ 예) text color red 이니까 txt_c_r 이런식으로 쓰거나 다양하게 사용가능 class가 아니 인스타일로 주는 방식 안녕하세요 ^^ 저는 파란색을 좋아해요 색상값 넣을때 숫자값을 몰라도 예를 들어 #223344 이런식으로 숫자값으로도 줄수 있지만 간단하게 본인이 알고 있는 영어컬러명 orang, red, blue, yellow 등으로 쉽게 줄수도 있어요~~ CSS Color Names 위와 같이 컬러명으로도 다양한 색상이 표현..

웹디자인,퍼브리싱/CSS 2022. 11. 27. 07:38

요즘 매장인테리어는 그냥 인테리어가 아니예요~~ 매장 앞만 보고 들오가고 싶다 할 정도의 인테리어가 필요하죠 심플하면서 고급스움을 느낄 수 있죠~~ 오늘은 처음 시작하는데 일부 매장을 찍어보았어요 ~ 사람들마다 취향이 다르니 마음에 드시는 부분 참고하면 될것 같습니다 다음에 더 좋은 디자인으로 올리겠습니다 ~~

웹디자인,퍼브리싱/디자인자료실 2022. 9. 20. 18:35

웹에디터 다양하게 드림위버, 에디트플러스 등 많지만 무료로 깔끔하게 개발자들도 많이 쓰는 소프트웨어 Visual Studio Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기 Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요. visualstudio.microsoft.com 윈도우용, 맥용 다 있어요 https://youtu.be/H_gsvE22k8Y 최상의 코드 변집기 https://youtu.be/lGovrXGSFWc 처음에 쓰다보면 몰라서 어색할 수 있지만 쓰다보면 편리한 부분이 참 많음 하트 꾸욱!!! 눌러주세요!!

웹디자인,퍼브리싱 2022. 8. 10. 22:52

이렇게 화살표 이미지 넣어 보여주고 싶은데 이렇게 떠요~~~ 없애고 싶은데 어떻게??? ​ 아래 내용 스타일에 넣어주면 ​ 크롬에서 ​ -webkit-appearance:none; -moz-appearance:none 익스(10부터 됨) select::-ms-expand { display: none; } ​ 이렇게 잘떠요~~~ 화살표 이미지 꾸미기 select { height: 36px; padding-left: 9px; padding-right: 35px; border: 1px solid #e0e0e0; border-radius: 2px; background: #fff url(이미지주소) no-repeat 0 -324px; background-position-x: right; font-size: 13p..

웹디자인,퍼브리싱/CSS 2021. 7. 2. 05:29

이번에 의뢰받은 젓가락, 숟가락 촬영 준비작업입니다. 제품촬영전 시안용 사진들입니다. 이번 촬영은 실버 제품 촬영 - 젓가락, 숟가락 입니다. 기본 제품 컷에 연출컷 포함 촬영입니다. 요즘 아마존 제품 촬영 의뢰가 많아서, 화이트 배경에 주로 촬영했는데, 이번건도 기본컷은 화이트 구성에 촬영하고, 연출컷만 어두운 배경에 촬영 예정입니다. ​ ​

웹디자인,퍼브리싱/디자인자료실 2021. 6. 29. 21:09

pixabay(픽사베이) https://pixabay.com/ 무료로 사용 가능하여 많이 알려진 사이트예요~ 퀄리티가 많이 높지는 않아요~ 적당한 이미지사용엔 좋아요~ ​

웹디자인,퍼브리싱/디자인자료실 2021. 6. 18. 09:12

이미지 불러오기 ​ HTML 요소는 문서에 이미지를 넣습니다. ​ ​ 예를들면 title 와 alt를 사용하여 이미지를 설명합니다. alt는 적용시 안보일때도 있어요~ 이미지에 링크걸기 텍스트 링크걸기 링크를걸어요 같은페이지안에서 링크걸기 메인으로 아래의 제목 링크주소와 아이디 값이 같게 하면 링크시 이동

웹디자인,퍼브리싱 2021. 6. 4. 09:19