久保田 里美の記事一覧
-
IllustratorでWEBデザインのワイヤーフレームを切ってみた
「だいたいWEBデザインってPhotoshopでしょう?」 というのをこの間友人デザイナーに言われたので、 「いや、正直イラレの方が便利なんだ」 と答えたら 「相変わらずAI愛好者ね」 と言われました。 世の中「イラレよりフォトショの方がラク」…
-
キー入力の際にどこのキーボードを操作しているのか画面上で見える無料ソフト
動画でアドビ系のソフトのチュートリアルを作成しようとするとき、どうしてもショートカットキーを多用しがちです。 ですがそれだと「どこのキーボードで操作してるの……」となってしまうのではないか、と懸念がありました。 例えば、 プレゼンテーションや実地でのマニュア…
-
WEBデザインのフォントとテキストとグラフィックデザインのフォントとテキスト
みりみりきゅうは、というのを聞いたことのあるWEBデザイナーさんはどれくらいいるでしょうか……。 たまーに「どのくらいの文字の大きさなら読めるの?」と聞かれることがあるので、WEB上と紙媒体のフォントの違いをメモメモ。 WEBデザインにおけるフォントの基礎知識 主に…
-
3/14のAdobeソフトアップデート「XD」「Photoshop」「Illustrator」「InDesign」「DreamWeaver」のまとめ
アップデート入れている間にメモメモ。 PhotoshopがAdobeXDで開けるようになりました! イラレでWEBを作っていたタイプの人間としては「?」のような感じなのですが、アートボード機能が搭載されてからPhotoshopにおけるWEBデザインも進化してい…
-
MW WP FORMとzipaddr-jpを使って郵便番号を入力すると自動的に住所に変換されるメールフォームを実装する【2018年3月完全版】
毎回毎回迷うのでメモメモ。 MW WP FORMの基本的な設定の仕方 前に当社のT氏が記載してくれています基本的な設定の仕方と確認画面の作り方はこちら。 [blogcard url="https://incloop.com/%E5%88%9D%E3%82%81%E3%8…
-
Photoshopのレイヤースタイルで作る盛り盛りのテキストチュートリアル
最近スマホでムービーCMを見ることが多くなりました。 で、気づいたことがありまして、こういう飾ってある文字、見たことありませんか? どこが発祥かはわかりませんが、ぱちんこやスロット業界でよく見られたゴテゴテの飾り文字。なんかすごそうな雰囲気を出すときによく使われま…
-
CSSのコードをきれいに整形する便利ツールCSSCSSを導入してCSSをきれいにしてみる
世間様ではSCSSとかSassとかでCSSを書く方も多いのでしょうが、古代に生きているわたくしはいまだに古代よろしくCSSはぜーんぶ手打ちでございます。 何せ出身がプログラマではないのでプログラミングライクに記載していくSassのSASS記法とはもう致命的に相性が悪い。(と思い…
-
音声検索に対応していくなら構造化データがベター?WEBサイトをGoogleの理解しやすいもので構成しましょう!サンプルあり
前回の記事 [blogcard url="https://incloop.com/structured-data01/"] 2020年までには検索の50%が音声検索に? 今できる音声検索最適化とは https://www.suzukikenichi.com/blog/how…
-
検索順位に直接影響がないからWEBサイトには構造化データをマークアップしなくてもいいって本当?
インターネットの検索とはなんぞ、というお話 先日Google Home Miniがインクループにもやってきました。 [blogcard url="https://incloop.com/google-home-mini%E3%82%BB%E3%83%83%E3%83%88…
-
Adobe XDを使ってワイヤーフレームを作る その5【プロトタイプと公開作業】
前の記事はこちら [blogcard url="https://incloop.com/adobexd01/"] [blogcard url="https://incloop.com/adobexd02/"] [blogcard url="https://incloop…
-
Adobe XDを使ってワイヤーフレームを作る その4【リピートグリッドとシンボル】
前の記事はこちら [blogcard url="https://incloop.com/adobexd01/"] [blogcard url="https://incloop.com/adobexd02/"] [blogcard url="https://incloop…
-
Adobe XDを使ってワイヤーフレームを作る その3【それぞれのツールの簡易的な説明とパネルの変化】
前回の記事はこちら [blogcard url="https://incloop.com/adobexd01/"] [blogcard url="https://incloop.com/adobexd02/"] この間自宅のMacでAdobeXDを操作したら普通にメニュ…
-
Adobe XDを使ってワイヤーフレームを作る その2【ツールとアセットパネル、レイヤーパネル】
前回の記事はこちら [blogcard url="https://incloop.com/adobexd01/"] AdobeXDのツールパレットと各パネル Ctrl+Yでレイヤーパネルを展開することができます。 レイヤーパネルの左にあるのがツールですが、上から…
-
Adobe XDを使ってワイヤーフレームを作る その1【ファイルの作成とアートボードの設置、パネルの見方】
Adobe Experience Designの正式版リリースソフトであるAdobe XDは、Adobeから提供されるWEBサイトやモバイルアプリのデザイン、プロトタイプの作成が、これ一つでできるUXデザイナー向けの初めてのオールインワン製品です。 UIデザ…
-
デザイナー志望の学生向け! Adobe Portfolioを使ったポートフォリオの作り方
ポートフォリオってなんですの? 普通に生きてきたらポートフォリオという単語自体にあんまり聞き覚えのないことでしょう。 ポートフォリオを直訳すると「折りかばん」「書類入れ」という意味で、「書類を運ぶ平らなケース」のことを示します。語源はイタリア語の「Portare:運ぶ」「fo…
-
Adobe CCの全製品解説!IllustratorとPhotoshop以外にも使えるツールがたくさんあります。
Adobe Systemsとは Adobeは1982年に設立された、カリフォルニアのソフトウェア会社。 デザイナーのみならず、クリエイティブな職業に携わるなら名前は知っていて当たり前の会社なのですが、その歴史はまだ50年もありません。今でこそ、入稿作業や印刷は当たり前にデジタ…
-
お土産、手土産、プレゼントや贈り物に最適!芋けんぴで有名な芋屋金次郎のスウィートポテト・ポテトフレークサブレをいただきました!
隣の席のA氏がぽかんとして受け取った荷物、どうしたのどうしたのと社員一同わらわらとA氏を囲んでオープンした箱の中は、とある依頼者さまからのお礼のお品でした。 (*'▽')あーーーーーーーーーーー! 歓喜! うれしい! ありがとうございました! ※わたくしは大変おいし…
-
Twitterのモーメント機能、使ってますか?大量のつぶやきをカテゴライズするのに便利です!
キャンプ淵野辺留保地Handmade&Art Fair in Autumn With Custom Car Festivalの開催があと一週間と近くなってまいりました。T氏が本日の空模様を見て「俺がてるてる坊主になるしかないのか……」とキリっとした顔をしています。髪の毛全…
-
手書きのチラシを作るときに覚えておくと便利なフォントとIllustratorツール
先日、一友ビルドテックさまのチラシを制作(※ブログには登場しませんが、弊社の在宅デザイナー兼イラストレーター Yuka Takaki作)させていただきましたが、これの反響がとってもスゴイそうなのです。 そういえば最近ポストの中にも手書き風味のチラシ、多くなりましたね。塾や習…
-
Web屋が地域マルシェから見る農業、農家の情報発信の必要性
身内の誕生日にちょっと横浜まで足を伸ばしたのですが、こんなのやってました。 横浜ベイクォーター:かもめマルシェ 予定も毎回更新されているようですのでご興味ある方ぜひ。かもめマルシェは月に一度のようですね。基本的には11:00~17:00の間で、さほど規模的には大きくないで…