読者です 読者をやめる 読者になる 読者になる

きしこの研究

日々の勉強をアウトプットする用だよ。

UIデザイントレー@wellnote

UIデザイントレー@Famm

UIデザイントレー@みてね

アプリ企画

カップル向け旅行アプリ Love TABI https://ichigochoco418.wixsite.com/lovetabi (大学3年生の時に制作したアプリのリデザイン) 美大生向けポートフォリオサイト Bidai navi https://ichigochoco418.wixsite.com/bidainavi 子供向け知育教育アプリ わくわ…

アプリ研究 チュートリアル編2

アプリ研究④

アプリ研究③

アプリ研究 ~ログイン(ウェルカムスクリーン)編~

UIデザイントレース@by.s-バイエス

UIデザイントレース@allwome

UIデザイントレース@LAURIER PRESS

UIデザイントレース@moneybook

UIデザイントレース@timetree

UIデザイントレース@Life bear

UIデザイントレース@ピンタレスト

UIデザイントレー@messenger

UIデザイントレース@MINE

他のページと同様にまとめていたのですが、 別データを上書きしてしまい編集中です…

UIデザイントレー@PIBO

今回のアプリトレースは、PIBO。 絵本アプリということで、親子で楽しめる子供向けのアプリです。 pibo.jp 1.トップページ ・絵本は角丸でサムネイル画像で表示 ・検索バーはない代わりに年齢検索で絞る ・アクションボタンは赤色で統一 (角丸3pxとあります…

UIデザイントレース@MERY

MERYのUIデザインをトレースしました。 (現在、MERYは非公開になっています。非公開前にトレースをしていました。ギリギリ) まとめ(文章にするより図でまとめていこうと思います) 元画像とトレースの比較↓ (文字に関してはほぼほぼ正確にできたと思う。) ←元…

アプリ研究⑤〜SNS編〜

今回は、カップル向けアプリ「Heart is in」 ズバリ、二人で「愛を育てる」アプリです。 (私は、離れて暮らす姉とやりました…。) 使い方は、こちらの動画を見るとわかります。デザインが可愛い。。。 www.youtube.com techable.jp ちなみに開発元は、20代…

アプリ研究⑥ 〜トップ画面〜

今回は、アプリの【トップ画面】についてです! トップ画面は大きく分けて4つあるそうです。 私が普段利用するアプリをカテゴライズしてみました。 ①ポータル 情報が多く、リストのコンポーネントを効果的に配置することが大切。 Yahoo! アイコン、タブバー…

Illustratorトレーニング14

design.tutsplus.com

Illustratorトレーニング11

in.spicagraph.com in.spicagraph.com

Illustratorトレーニング16

Illustratorトレーニング15

Illustratorトレーニング13

every-tuesday.com

Illustratorトレーニング12

design.tutsplus.com

Illustratorトレーニング10

blog.spoongraphics.co.uk

Illustratorトレーニング9

design.tutsplus.com

アプリ研究④ ~チュートリアル(導入画面)編~

今回は、アプリのチュートリアル画面についてです。 アプリの顔とも言える導入画面。 アニメーションや言葉遣い、デザインを効果的に使いサービスの性能をわかりやすく伝える必要があります。 大きく分けて4つに分かれるそうです。 01 |スプラッシュ LINEやT…

アプリ研究③ ~SNS編パート2~

アプリ研究第3弾目 「SING!」 テレビで渡辺直美さんが紹介していて、私自身カラオケが好きで「アプリでカラオケができるとはどういうことか!」とワクワクしながら早速ダウンロード。開発元は海外のよう。 app storeでのレビューはまずまずといった感じです…

アプリ研究② ~ログイン編~

今回は、アプリの【ログイン画面】についてです! 【なぜログイン画面にフォーカスを当てたか】 突然ですが、私はアプリをダウンロードしていざ使うぞ!と立ち上げた時に行うユーザー登録の作業が嫌いです(ドヤッ) 早くサービスを使いたいのに面倒臭いとい…

UIデザイントレース@ビブリア

トップ画面(右:トレース) データ管理ページ 詳細ページ

UIデザイントレース@ドコノコ

トップ画面(右:トレース) 本棚ページ マイページ

UIデザイントレース@Mix channel

トップ画面 (右:トレース) 動画ページ 投稿ページ

UIデザイントレース@C CHANNEL

トップ画面 (右:トレース) ムービー画面 (右:トレース)

UIデザイントレース@ラインマンガ

トップ画面(右:トレース)

Photoshopトレーニング8

photoshopvip.net http://free-photos.gatag.net/2013/03/02/180000.html

Photoshopトレーニング7

photoshopvip.net

Photoshopトレーニング6

bita.jp

Photoshopトレーニング5

liginc.co.jp

Photoshopトレーニング4

今どきデザインはこれ!拡散型シャドウの基本から作成方法まで(PSチュートリアル + HTML/CSSスニペット付) - PhotoshopVIP

Photoshopトレーニング3

gifにしたらこんな感じ。全然違う…! Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり | コリス

Photoshopトレーニング2

photoshopvip.net

Photoshopトレーニング1

photoshopvip.net

Illustratorトレーニング8

blog.nest-online.jp

Illustratorトレーニング7

vectips.com

Illustratorトレーニング6

www.freepik.com

Illustratorトレーニング5

Illustratorトレーニング4

design.tutsplus.com