'★UX'에 해당되는 글 11건

UI/UX 디자인의 중요성

★UX 2024. 2. 28. 10:17

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

UI/UX 디자인의 중요성은 사용자 경험과 직결되어 있으며, 이는 제품이나 서비스의 성공에 결정적인 역할을 합니다. 예를 들어, 스마트폰 앱을 생각해보겠습니다. 사용자가 앱을 처음 사용할 때, 직관적이고 이해하기 쉬운 인터페이스는 사용자가 앱을 계속 사용하고자 하는 욕구를 증가시킵니다. 반면, 복잡하고 이해하기 어려운 인터페이스는 사용자가 앱을 삭제하고 다른 대안을 찾게 만들 수 있습니다.

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

포토샵 플러그인 GUIDE GUIDE (4)	2017.09.13
Firefox, 플러그인 (0)	2017.02.20
웹표준 (0)	2017.02.20
git.저장소 (1)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20

ASOG

UI Design, Ux Design

포토샵 플러그인 GUIDE GUIDE

★UX 2017. 9. 13. 14:31

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

나만 몰랐나?

디자인 작업을 하면서 그리드 작업을 할때면

1px만 틀려도 다시 그리드 작업을 다시 하곤 했습니다.

일단 아래 주소를 클릭해서 프로그램을 설치합니다.

https://guideguide.me/

중략

자세한 내용은 시간날때 다시 작성할게요...

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

UI/UX 디자인의 중요성 (0)	2024.02.28
Firefox, 플러그인 (0)	2017.02.20
웹표준 (0)	2017.02.20
git.저장소 (1)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20

ASOG

UI Design, Ux Design

Firefox, 플러그인

★UX 2017. 2. 20. 22:48

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

UI/UX 디자인의 중요성 (0)	2024.02.28
포토샵 플러그인 GUIDE GUIDE (4)	2017.09.13
웹표준 (0)	2017.02.20
git.저장소 (1)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20

ASOG

UI Design, Ux Design

웹표준

★UX 2017. 2. 20. 22:47

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

웹표준 --> 올바른 태그사용(마크업,시맨틱)

접근성

누구나 웹을 이용(장애인)

'★UX' 카테고리의 다른 글

포토샵 플러그인 GUIDE GUIDE (4)	2017.09.13
Firefox, 플러그인 (0)	2017.02.20
git.저장소 (1)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20

ASOG

UI Design, Ux Design

git.저장소

★UX 2017. 2. 20. 22:35

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

SVN : 저장소 역활

GIT : 해외에서 많이 쓰임(오픈소스 전세계적으로 공유가됨)\

https://git-scm.com/

CVS :

머큐리얼(Mercurial)

https://www.mercurial-scm.org/

PC->FTP-> SERVER

위키(WIKI) 문법으로 하루 공부한것 정리

\\192.168.0.148\Users\smart_digtal\00._수업자료\smart

GIT 명령어

시작 -> 실행 -> CMD

CD /

(상위 디렉토리 이동)

DIR

(해당 드라이브 디렉토리 보여줌)

cd users

cd 디렉토리명

cd.. 상위로 바로 이동

cd 디렉토리명/디렉토리명 (이동)

작업폴더에서 오른쪽마우스 깃 베시 클릭

git 명령어

http://egloos.zum.com/incredible/v/7136780

git init (저장소 만들기)

clear

git config --global user.email "you@example.com"

git status 저장소에 담겨잇지 않은 파일이 잇다 빨간색으로 표시됨 (파일)

git add 파일명.파일 확장자

git commit

$ git commit -m "first commit"

$ git add*

xhtml/html5 현재 많이 사용하는 버전

깃이 잇는 숨겨진 폴더가 잇는 곳에서 깃을 열라

깃 공부할것/생활코딩

https://opentutorials.org/course/1492/8045

리버트를 쓰기 시작하면 개짜증이난다 프로그램이 필요함...그땐..

gitlab 서버셋팅 회사내에서서만 이용 할수 있는 환경,보안유지,소스비공개

github 오픈소스로 배포하는 동의 하여 무료로 제공되는 환경

https://git-scm.com/book/ko/v2/Git의-기초-Git-저장소-만들기#_git_cloning

린터 설치관련

https://git-scm.com/book/ko/v2/Git의-기초-Git-저장소-만들기#_git_cloning

http://www.sublimelinter.com/en/latest/installation.html#linter-plugins

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

Firefox, 플러그인 (0)	2017.02.20
웹표준 (0)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
자바스크립트~ (1)	2017.02.15

ASOG

UI Design, Ux Design

언제인가? 프로토 타입 진도나갈때..메모

★UX 2017. 2. 20. 22:25

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

엑슈어 라이브러리

http://tzl7gb.axshare.com/buttons.html

엑슈어 메뉴얼

http://www.axure.com/support/reference/flow-diagramming

아이콘 사이트

http://www.flaticon.com/

무료이미지

https://pixabay.com/

컬러추출

https://color.adobe.com/

핀터레스트

https://kr.pinterest.com/

브랜드 네이밍 자료

http://www.oricom.com/data/BrandJournalPDF/brand62/62.pdf

\\192.168.0.148

구글 독스 팀자료

https://docs.google.com/presentation/d/13ojRPOr-BRHwWeMWQFjqD9A4IzkWHzguMRdEHw_oSgQ/edit#slide=id.g1ae26735b2_5_78

패르소나

https://app.xtensio.com/folio/0n2xq6gh

엑슈어 공식사이트

https://www.axure.com/downloadthanks?dl=80pc

템플릿 자료(HTML,CSS)

https://themeforest.net/

구글 무료 폰트(노토)

https://www.google.com/get/noto/

유투브 프리아이브 검색( html강의)

위시캣 사이트(재택알바? 프로젝트)

https://www.wishket.com/?referer_type=Google-Wishket&gclid=CjwKEAiAkajDBRCRq8Czmdj-yFgSJADikZgg3j_u1lGNyc1xQIdo6tI23QUeUO501pZGSiUrxL3VaRoCIqHw_wcB

시그마 사이트(엑슈어 벤치 사이트)

http://periodicitems.com/sigma/html/index.html

에이콘 책?html 아마존 판매1위 추천도서

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

웹표준 (0)	2017.02.20
git.저장소 (1)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
자바스크립트~ (1)	2017.02.15
1072시간의 여정 (0)	2017.02.15

ASOG

UI Design, Ux Design

자바스크립트,제이쿼리,SVG

★UX 2017. 2. 20. 12:20

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

2017.02.02 정리중입니다 !~

좀비 상태가 아니였는데 오늘도 별로 건진게 없는거 같습니다.

그나마 다행인게 필기한게 있어서 다행입니다.

오늘 오후부터 언제 끝날지 모르겠지만 반응형 웹사이트 제작을 본격적으로 시작했습니다.

태광실업 사이트를 만들고 있느데.그룹핑도 복잡하고 이유도 모르겠고..

숨은 그림찾기 같습니다. 공부한지 1달이나 지났는데..

나만 그런가요? 살려주세요...ㅜㅜ

Plug-in (wow.js)

http://mynameismatthieu.com/WOW/index.html

제일 먼저 상단에 3번째 GITHUB메뉴를 클릭하고 들어가면 연두색 버튼을 클릭해서 파일을 다운 받습니다.

https://github.com/matthieua/WOW

그리고 나서 HOW TO USE? 메뉴에서 사용방법을 안내 받으세요.

js파일과 css파일을 연결시켜줍니다.

Animate.css에 연결

1

<link rel="stylesheet" href="css/animate.css">

WOW.js 연결 및 활성화

1
2
3
4
<script src="js/wow.min.js"></script>
<script>
 new WOW().init();
</script>
cs

https://daneden.github.io/animate.css/

http://www.flaticon.com/

무료 아이콘을 제공해주고, SVG로 변환된 파일도 제공

http://codepen.io/

html, css, js 등 최신 웹 프론트 기술을 화면상에서 코딩해서 볼수 있는 사이트

비슷한 사이트로 jsfiddle.net이 있다고 하내요

사용자끼리 공유도 할 수 있고 GIT으로도 공유가 가능하다고 합니다.

아래내용은 시간이 날때 정리 !!!

http://mynameismatthieu.com/WOW/index.html에서 깃에서 다운로드

아래 2개를 폴더에 넣고 연결해줌

https://daneden.github.io/animate.css/

wow.js

animate.css

javsscript = jQuery

document.getelementbyld("id").child;

$("#id").child('a')

자바스크립트 자주 쓰이는것들 라이브러리

자바스크립트 스크롤링링값을 받는다..제어가 가능

무료아이콘

http://www.flaticon.com/

http://codepen.io/

자바스크립트,제이쿼리,플랫아이콘

FLATICON,WOW,ANIMATE

저작자표시 비영리 변경금지 (새창열림)

'★UX' 카테고리의 다른 글

git.저장소 (1)	2017.02.20
언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트~ (1)	2017.02.15
1072시간의 여정 (0)	2017.02.15
이미지 좋은데? Hero니깐! (2)	2017.02.15

ASOG

UI Design, Ux Design

자바스크립트~

★UX 2017. 2. 15. 12:19

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1
2
3
4
5
6
7
8
9
10
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script type="text/javascript">
  $(function(){
    var rap = $('.imageblock img').attr('src');
    console.log(rap)
    $('.cover').css('background-image','url('+rap+')');
 
    console.log($('body').html())
  })
  </script>
Colored by Color Scripter
cs

여기 티스토리에서 이미지가 들어가는 게시글을 올릴경우 첫번째 이미지가 노출되는 소스입니다.

아직 자바스크립트를 몰라서..대략 느낌만 만족하고 있습니다.

저작자표시 (새창열림)

'★UX' 카테고리의 다른 글

언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
1072시간의 여정 (0)	2017.02.15
이미지 좋은데? Hero니깐! (2)	2017.02.15
영리한 에디터 너의 이름은 아톰 (1)	2017.02.15

ASOG

UI Design, Ux Design

1072시간의 여정

★UX 2017. 2. 15. 01:03

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1072

시작합니다.

벌써 한달이나 지나갔지만,

순간 순간을 하루 하루를...

잘해낼지 아직 알수는 없지만...

중략

시간날때 다시 내용 보완할게요

저작자표시 (새창열림)

'★UX' 카테고리의 다른 글

언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
자바스크립트~ (1)	2017.02.15
이미지 좋은데? Hero니깐! (2)	2017.02.15
영리한 에디터 너의 이름은 아톰 (1)	2017.02.15

ASOG

UI Design, Ux Design

이미지 좋은데? Hero니깐!

★UX 2017. 2. 15. 00:46

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

요즘들어 알게된 사실인데

Hero 이미지라고 부르더군요

영웅?

멀까요??

감이 오시나요??

중략

※ 시간이 날때 내용을 보완할게요!!!

저작자표시 (새창열림)

'★UX' 카테고리의 다른 글

언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
자바스크립트~ (1)	2017.02.15
1072시간의 여정 (0)	2017.02.15
영리한 에디터 너의 이름은 아톰 (1)	2017.02.15

ASOG

UI Design, Ux Design

영리한 에디터 너의 이름은 아톰

★UX 2017. 2. 15. 00:39

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

요즘 코딩할때 정말 많은 도움을 받는 에디터 프로그램 아톰(atom)입니다.

아톰만 써보기는 했지만 다른 에디터 프로그램은 눈에도 안들어 옵니다.

사실 새로운 ui에 적응하는게 두려워서인지도 모르겠내요.

중략....

필수 패키지 프로그램

activate-power-mode

Activate-power-mode

Emmet

Minimap

FILE-ICON

GIT-PLUS(git 연동)

platformio-ide-terminal (사용법 ctrl + ~)터미널 실행

open-in-browser (ctrl + alt +q) 코드 브라우저 미리보기

코드정리 EDIT-->LINE-->AUTO INDENT

문법
http://docs.emmet.io/abbreviations/syntax/

  div.container>div.item{$}*5

  <div class="container">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
  </div>

Various Artists-우주 소년 아톰

푸른 하늘 저 멀리
랄랄라 힘차게 날으는
우주소년 아톰 용감히 싸워라
언제나 즐거웁게
랄랄라 힘차게 날으는
우주소년 아톰 우주소년 아톰

푸른 하늘 저 멀리
랄랄라 힘차게 날으는
우주소년 아톰 용감히 싸워라
언제나 즐거웁게
랄랄라 힘차게 날으는
우주소년 아톰 우주소년 아톰

언제 어디서나
랄랄라 깊은 바다까지
우주소년 아톰 인간을 지킨다
언제나 신나게
랄랄라 과학의 아들
우리들의 친구 우주소년 아톰
우리들의 친구 우주소년 아톰

하늘을 가르며
랄랄라 우주를 날으는
우주소년 아톰 지구를 지킨다
언제나 착하게
랄랄라 과학의 아들
십만마력 아톰 우주소년 아톰
십만마력 아톰 우주소년 아톰

저작자표시 (새창열림)

'★UX' 카테고리의 다른 글

언제인가? 프로토 타입 진도나갈때..메모 (0)	2017.02.20
자바스크립트,제이쿼리,SVG (2)	2017.02.20
자바스크립트~ (1)	2017.02.15
1072시간의 여정 (0)	2017.02.15
이미지 좋은데? Hero니깐! (2)	2017.02.15

ASOG

UI Design, Ux Design

'★UX'에 해당되는 글 11건

UI/UX 디자인의 중요성

'★UX' 카테고리의 다른 글

포토샵 플러그인 GUIDE GUIDE

'★UX' 카테고리의 다른 글

Firefox, 플러그인

'★UX' 카테고리의 다른 글

웹표준

'★UX' 카테고리의 다른 글

git.저장소

'★UX' 카테고리의 다른 글

언제인가? 프로토 타입 진도나갈때..메모

'★UX' 카테고리의 다른 글

자바스크립트,제이쿼리,SVG

WOW.js 연결 및 활성화

'★UX' 카테고리의 다른 글

자바스크립트~

'★UX' 카테고리의 다른 글

1072시간의 여정

'★UX' 카테고리의 다른 글

이미지 좋은데? Hero니깐!

'★UX' 카테고리의 다른 글

영리한 에디터 너의 이름은 아톰

'★UX' 카테고리의 다른 글

카테고리

공지사항

태그목록

ASOG

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바