본문 바로가기

웹디자인11

칼라 그라데이션 조합이 필요할 때 방문하면 좋은 사이트 uiGradient 칼라 그라데이션 참고 사이트를 소개합니다. uiGradient 웹디자인을 할 때 칼라 그라데이션 효과를 줄 때가 많다. 그럴 때 어떤 칼라들을 같이 사용할지 정하기 어려울 때가 많다. 그라데이션은 2가지 이상의 칼라가 서로 자연스럽게 겹치면서 시각적인 효과를 나타내기 때문에 시험적으로 적용해 보지 않으면 그 효과를 먼저 알아내기 어렵기 때문이다. 그런데 섞어야 할 칼라가 3가지 이상이 넘어가면 더 어려워진다. 이럴 때 참고하면 좋은 사이트가 uiGradient 사이트이다. uigradients.com/ uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for .. 2020. 11. 10.
웹쟁이라면 꼭 알아야 할 용어, 의외로 복잡한 용어, UI 그리고 UX UI디자인과 UX디자인 그냥 입에 붙어서 이야기하는 UI와 UX. UI디자인, UI디자인. 설계를 할 때는 UX적 요소를 고려해야 한다는데.................................... UI를 풀었으면, User Interface. 컴퓨터를 사용자가 편리하게 사용할 수 있도록 설계를 하고, 또한 그런 환경을 제공하는 설계 내용이 UI디자인. UX를 풀었으면, User Experience. 사용자가 어떤 시스템, 제품, 서비스를 직접적으로, 간접적으로 이용하면서, 접하면서 느끼고 생각하게 되는 총체적 경험, 그런 경험적인 것을 고려해서 설계하면 UX디자인. 뭔가 경험적인 부분의 Feedback이 들어가는게 UX디자인 개념으로 보면 된다. 예를들면, 휴대폰에서 햄버거 메뉴 버튼을 사용자의 .. 2020. 10. 28.
코드펜 Codepen에서 소스 연습도 하고, 코딩도 참고하고 코드펜 Codepen을 소개합니다. 학원에서 코딩을 배우면서 처음 코드펜 사이트를 알게 되었습니다. 아래의 url에 들어가서 많은 코드를 참고하였습니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 다른 분들은 회원가입을 해서 주로 코딩 테스트를 할 때 코드펜을 많이 사용하는 것 같습니다. 저는 회원가입을 하지는 않고 주로 샘플을 찾거나 예시 소스를 참고하고자 할 때 코드펜에 들어갑니다.. 2020. 10. 11.
사이트맵 제너레이터 및 다운로드 무료 사이트맵 제너레이터를 소개해 드립니다. xml-sitemap 네이버 웹마스터도구에도 사이트맵을 등록해야 할 때 어디에서 어떻게 사이트맵을 만들어야 할까요? xml-sitemap에서 무료로 사이트맵을 만들 수 있습니다. www.xml-sitemaps.com/ Create your Google Sitemap Online - XML Sitemaps Generator Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number o.. 2020. 10. 5.
무설치 포토샵 픽슬러 에디터 소개 사진 에디터, 포토샵의 기능을 무료로 온라인에서 사용하기 포토샵이 설치되지 않은 PC에서 포토샵 작업을 해야할 때 아주 유용한 사이트 하나를 소개합니다. 픽슬러 에디터, 온라인 포토샵으로 부르고 있습니다. url은 아래와 같습니다. https://pixlr.com/kr/ 온라인 사진 에디터 - Pixlr.com 무료 & 프리미엄 온라인 사진 에디터를 만나보세요. 효과, 필터, 오버레이, 간단한 기능부터 고급형 기능까지 모두 담았어요. 대부분의 파일 형식 (PSD, PXD, JPeg, PNG - 투명, webP, SVG 등)을 지원해요. pixlr.com 실제 포토샵 작업환경과 상당히 유사해서 포토샵을 할 줄 알면 바로 사용이 가능합니다. 2020. 10. 2.
전자정부 표준프레임워크 전자정부 표준프레임워크란? 전자정부 표준프레임워크는 정보시스템 개발·운영 시 필요한 기본 기능을 미리 구현한 것을 기반으로 개발하는 방식으로 정보화 투자 효율성 향상을 달성하고, 전자정부 서비스의 품질향상을 제공합니다. 이는 공공부문 정보화 사업 시 적용되는 개발 프레임워크 운용 SW 표준화, 품질 및 재 사용성 향상을 지원합니다. 출처 : https://www.hanshinit.co.kr/www/index.do 대표홈페이지에 오신 것을 환영합니다. WORK 웹사이트를 구축하는 데 있어서 보다 효과적인 (주)한신정보기술만의 서비스를 제공합니다. www.hanshinit.co.kr 2020. 10. 1.
트렌드 분석, 키워드 분석 참고 사이트 : 썸트렌드 트렌드 분석 및 키워드 분석에 도움이 되는 사이트, 쎔트렌드 Sometrend 발주사에 대하여 사람들이 어떤 생각을 가지고 있는지? 발주사에 대하여 사람들이 어떤 키워드로 검색을 많이 하는지? 이런 것들이 궁금할 때, 또한 이런 자료들을 제안서의 콘텐츠로 사용하고자 할 때 도움이 되는 사이트를 소개합니다. 바로 썸트렌드 !! https://www.some.co.kr/ Sometrend 사람들의 생각이 궁금할 때 some.co.kr 홈페이지는 아래와 같습니다. 홈페이지만 보아도 어떤 서비스를 제공해 주는지 알 수 있습니다. 홈페이지에서 실시간으로 콘텐츠의 랭킹이 업데이트 되고 있구요, 검색창을 통해 키워드 별 이슈 분석이 가능합니다. 예로 코로나를 키워드로 검색을 해 보았습니다. 그럼 아래와 같이 검색결과.. 2020. 9. 27.
반응형 웹디자인 Responsive Web-Design 반응형 웹디자인에 대하여 알아봅니다. 반응형 웹디자인에 대한 이야기가 나온지는 이제 좀 되었네요. 그래도 아직 모르시는 분들과 이제 막 이쪽 분야에 관심을 가지고 계시는 분들을 위해 조금 내용을 정리해 봅니다. 반응형 웹디자인의 뜻부터 알아볼게요. 반응형 웹디자인을 단어별로 쪼개어서 살펴보면, - 반응형 : 무언가에 반응하는 형태(형식 아니면 프로그램)를 말하는 것인데, 그럼 무엇에 반응을 할까? 웹서핑을 할 때 사용하는 도구에 반응을 합니다. 그런 도구에는 PC도 있고, 테블렛도 있고, 제일 많이 사용하는 모바일 휴대폰이 있겠죠. 이런 도구에 반응을 한다는 의미이고, 정확히 이야기하면 이런 도구의 화면 너비값(width)에 반응하는 것을 의미합니다. - 웹 : 웹은 아실거구요. - 디자인 : 무얼 디자.. 2020. 9. 24.
언스플래쉬 상업적 사진 무료 사이트 언스플래쉬 상업적으로 무료로 이용할 수 있는 사진을 제공받을 수 있는 사이트는 없을까? 웹사이트를 만들면서 필요한 이런저런 사진들을 준비하면서 가장 주의해야 하는 것이 저작권 문제. 그런데 이런 저작권 문제없이 상업적 목적으로 무료로 사진을 제공받을 수 있는 곳이 있다면 얼마나 좋을까요? 그런 사이트가 있습니다. 그곳을 소개합니다. 그곳은 바로 언스플래쉬 사이트 unsplash.com !! . url은 아래 링크를 클릭해서 들어가시면 됩니다. https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. B.. 2020. 9. 24.
아이콘 디자인은 폰트어썸 Fontawesome 아이콘은 폰트어썸 !! 디자인 아이콘은 구글 머티리얼 디자인에서도 많이 사용하지만 제가 추천을 해드리는 것은 폰트어썸 Fontawesome 사이트입니다. 폰트어썸은 유료와 무료로 나뉘기 때문에 주의는 필요합니다. 유료에서 사용할 수 있는 종류와 이쁜 디자인이 많지만, 무료로 제공해 주는 좋은 아이콘도 많답니다. 아래 설명은 무료사용 기준입니다. 먼저 html이나 css의 링크에 필요한 cdn을 준비하는데 필요한 사이트입니다. 검색은 구글에서 "fontawesome 4.7 cdn"으로 합니다. 아래를 클릭해서 들어가도 됩니다. https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.boots.. 2020. 9. 24.
웹디자이너 칼라 참고 사이트 헥스 칼라 소셜 칼라 웹디자인을 할 때 참고할 만한 사이트를 소개합니다. 웹디자인을 하면서 칼라를 참고할 때 자주 이용하던 사이트를 소개합니다. 스타일 가이드를 준비하면서도 어떤 칼라를 주색으로 할지, 어떤 칼라를 보조색으로 할지 정할 때도 도움이 됩니다. 하나, 칼라 헥스 칼라 코드 사이트 https://www.color-hex.com/ Color Hex Color Codes Got it! This website uses cookies to collect information about how you interact with our website. We use this information in order to improve and customize your browsing experience and for analytic.. 2020. 9. 23.