Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P社→R社👨‍💻🏢 UI …

Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P社→R社👨‍💻🏢 UI / UX Designer. 📱 デザインイベント参加するのが好きです。

マガジン

  • ANDROID UI & GUI DESIGN 輪読会

    • 5本

    ANDROID UI & GUI DESIGN 輪読会まとめ

最近の記事

  • 固定された記事

デザイナーだけど、Swift 勉強してよかった

🎅 Web/アプリ/動画撮影・編集/After effectなどやってるデザイナーです。 今年1月からアプリのデザインを勉強してアプリのデザインをやりました。 デザインは少しできるようになったが、デザインを完成して、実装をエンジニアさんにお願いするのは結構難しいと思いました。 自分が作ったものが実装できないデザインではないか?エンジニアさんが何を言ってるのかわからない時もありました。など 📎 Swift を勉強したきっかけ なにが難しい?大変?考えてみました。😣 ー

    • スプラッシュ画面とUX

      スプラッシュ画面とUXの話です。 1.きっかけ私は動画見るのが好きで、寝る前に動画アプリで動画をみます。電気を消して動画アプリをクリックしたら眩しくて「ああっ!!!眩しい!!」😭 アプリはダークモードだが、スプラッシュ画面が白背景・ロゴでした。よりいユーザー体験を実現するためにはスプラッシュ画面も注意した方がいいかもしれない・・ 携帯をいじる時間ですが、寝る前に携帯をいじる人も結構いると多いと思います。 2.調べてみた\ 動画のアプリはいつ見るのか /「出社すると

      • 【Android】NavigationView(ドロワーメニュー)UI改善

        ANDROID UI & GUI DESIGN 輪読会でandroidのUIを勉強してるので、アプリのUIを改善してみたいと思いました。 👷 👮 なぜ改善するのか 👷 👮 - ドロワーメニューの肩書きが長い場合、崩れてしまう - 背景があんまり見えない - 作品名と肩書きの文字の色が白なので見えない - イラストが今のスタイルと違う ✍️ ざっくり考えたこと - 背景を消したほうが文字が見えやすい - 作家のイラストを消したほうがいいかも - 背景より作家イメージと作

        • 再生

          六本木アートナイト2019

          六本木アートナイト2019行ってきました! いろんな作品があって、見るだけで楽しかったし幸せでした。 来年の六本木アートナイトも楽しみ https://www.roppongiartnight.com/2019/ ## 基本理念 「六本木アートナイト」は六本木の街を舞台にしたアートの饗宴です。様々な商業施設や文化施設が集積する六本木の街に、アート作品のみならず、デザイン、音楽、映像、パフォーマンスなどを含む多様な作品を点在させて、非日常的な体験をつくり出します。そして、生活の中でアートを楽しむという新しいライフスタイルを提案します。また、アートと街が一体化することによって、六本木の文化的なイメージを向上させ、東京という大都市における街づくりの先駆的なモデルを創出します。東京を代表するアートの祭典として、さらなる発展を続けます。 ## 日時 2019年5月25日(土)10:00~26日(日)18:00

        • 固定された記事

        デザイナーだけど、Swift 勉強してよかった

        マガジン

        • ANDROID UI & GUI DESIGN 輪読会
          5本

        記事

          appstoreの各カテゴリー季節アイコンを探してみた

          app store の 各カテゴリーのランキング1~150位までの季節アイコンを探してみた。 ✍️1. 季節アイコンが多いカテゴリーは?🕺エンターテインメント:1  (SHOWROOM) 🛒ショッピング: 5 (Creema / BONNE / BUYMA / minne / チケジャム) 🚗ナビゲーション: 1 (yahoo 乗換案内) 📺ニュース: 3 (Pass / ST channel / NIKKEI)   🍕フード・ドリンク:1 (Retty) 📚ブック: **

          appstoreの各カテゴリー季節アイコンを探してみた

          ANDROID UI & GUI DESIGN 輪読会 - 4

          3-16.ステータスバーと通知届いたメール、メッセージ、ダウンロードしているファイルの状態、再生されている音楽のタイトルなど、Androidは上部のステータスバーのアイコンで各種の情報を確認することができる。 ステータスバー通知アイコンのガイドライン白のアイコンは、縦横24dpで製作すればよい。 ある程度のマージンを考慮して、22dp程度の大きさを最大に考えて作業するのがいい。 - ステータスバーで表示 - ステータスバー下げたたとき表示される通知情報でも表示 スタイル

          ANDROID UI & GUI DESIGN 輪読会 - 4

          ANDROID UI & GUI DESIGN 輪読会 - 2

          3-1。AndroidのUI48dpAndroidのガイドラインには、48dpリズムを持って設計するのがよい このサイズは、指先でタッチスクリーンをタッチするとき接触する平均的なサイズ ## 48dpサイズを使用しているところはどこなのか - アイコンである アイコンは、指先ひとつで左右に移動 縦横48dpに設計すればよい xxxhdpi192pxxxhdpi144pxxhdpi96opx - ボタン : ボタンも48dpの高さ - リスト 48dpの高さ

          ANDROID UI & GUI DESIGN 輪読会 - 2

          「購入完了」ページにアニメーション追加までの流れ

          ユーザーさんに丁寧な印象を与えたり、使ってて楽しいと感じてもらえたり、メンテナンス中で使えない時の不快感を減らしたり、など、 アニメーションで解決できそうなことがありそうなので、アプリにアニメーションを入れていきたいなと思っています。 今回はアイコンではなく購入完了ページにアニメーションを追加したいと思いました。 購入したとき気持ちよくしたい 買ったとき「注文完了しました」文言だけではなくアニメを入れるともっとワクワク感UP ☝️目的でした。 1.アイデア/ストーリー

          「購入完了」ページにアニメーション追加までの流れ

          Swift 勉強14.カメラとフォトライブラリからメディアをインポート

          1.NEW Project 2.👇画像のようにUIImageView/Buttonを配置する 3.アウトレット変数とアクション関数の追加 @IBAction func btnCaptureImageFromCamera(_ sender: UIButton) { } @IBAction func btnLoadImageFromLibrary(_ sender: UIButton) { } @IBAction func btnRecordVideoF

          Swift 勉強14.カメラとフォトライブラリからメディアをインポート

          Swift 勉強12.テーブルビューコントローラ(2)👉To Doリストアプリ

          1.アウトレット変数とアクション関数の追加 import UIKitclass TableViewController: UITableViewController { @IBOutlet var tvListView: UITableView! override func viewDidLoad() { super.viewDidLoad() // Uncomment the following line to preserve se

          Swift 勉強12.テーブルビューコントローラ(2)👉To Doリストアプリ

          Swift 勉強12.テーブルビューコントローラ(1)👉To Doリストアプリ

          1.To Doリストアプリ基本環境設定1-1.Tableという名前で新しいプロジェクトを作成する 1-2.テーブルビューコントローラを使うので、ビューコントローラを削除 1-3.ストーリーボードでビューコントローラを削除してもswift fileは削除されないので、ナビゲーターから削除 2.ストーリーボードTo Doリストを示す画面 To Doを追加する画面 リスト内で一つのTo Doを表示する画面 3つの画面を作る。 2-1.テーブルビューコントローラを追加 2-2

          Swift 勉強12.テーブルビューコントローラ(1)👉To Doリストアプリ

          Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(2) ビューの切り替えとメッセージ配信

          1.メッセージ配信のためにストーリーボードに追加作業 - メイン画面/修正画面にLabel追加 Messageに変更&テキストフィールド(Text Field)追加 - メイン画面のテキストフィールドアウトレット変数を追加 @IBOutlet var txMessage: UITextField! - 修正画面のテキストフィールドをクリックした後、エディタ領域にドラッグして接続します。ドラッグする前に、セカンダリエディタ領域が「エディットビューコントローラクラス」なの

          Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(2) ビューの切り替えとメッセージ配信

          Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(1)

          1.画面構成1-1.NEWプロジェクトにナビゲーションコントローラを作る 1-2.ナビゲーションコントローラをストーリーボードに追加 1-3.ナビゲーションコントローラの上部をドラッグして選択する。右のインスペクター領域で[Attributes inspector]ボタンをクリックし、[Title]を"メイン画面"で入力する。 2.ビューの追加とバーボタンでビュー切り替え2-1.ビューを追加する。ビューコントローラをドラッグして、メイン画面コントローラに置く。 2-2

          Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(1)

          Swift 勉強10.タブバーコントローラ利用して複数のビュー作る

          タブバーとは、画面を切り替えるボタンを並べるためのバーである # 1. 新しいプロジェクトを作成し、Editor> Embed in> Tab Bar Controllerを追加 # 2. タブバーのアイコンを変更 # 3.タブバーのビューを追加作ったプロジェクトを利用する swift file を追加して Relationship Segue > view controllers # 4. アイコンを変更する # 確認 top Ratedページは何も作業してな

          Swift 勉強10.タブバーコントローラ利用して複数のビュー作る

          Swift 勉強09.ページを移動する「ページコントロール」

          - ページコントロール(Page Control)は、複数のコンテンツをページごとに見せようとするときに使用・アプリやウェブサイトでよく使う ## ページコントロール(Page Control) 数ページの中で現在ページが何ページ目なのかがわかる。現在、ビューで見せたい内容がいくつかの場合、ページを分けて見せる機能 # 1. 新しいプロジェクトを作成 ~ 画像ファイルを追加1-1. 新しいプロジェクトを作成する 1-2. プロジェクトに新しいフォルダを作成します。 1-

          Swift 勉強09.ページを移動する「ページコントロール」

          07-3.アウトレット変数とアクション関数追加(2)

          # 6.fileボタンfileボタンをクリックすると、htmlファイルを呼び込んで、Webビューで示すコードを追加&関数の入力 # 7.http://自動挿入機能 func checkUrl(_ url: String) -> String { } func checkUrl(_ url: String) -> String { var strUrl = url//入力されたurl文字列を一時変数strUrlに入れる let fla

          07-3.アウトレット変数とアクション関数追加(2)