Explore the best, hand-picked mobile app motion design
![App Motion - Mobile motion design gallery](https://cdn-ak-scissors.b.st-hatena.com/image/square/b50bc875a711a3e88fe278bb5781d4f81e9e8b42/height=288;version=1;width=512/https%3A%2F%2Fframerusercontent.com%2Fimages%2FmJ5rm2EEWG3QmxldNawtg7GddTo.jpg)
本記事は、身の回りの困りごとを楽しく解決! by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説!!」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか?」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
Web制作を変える!2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール(16個) 🧰 Webデザイン便利ツール(19個) 🦄 デザインツール
みなさんは、Web アニメーション使っていますか? おそらくLottieを使っている人が多いかと思います。 ただ、Lottieには大きな問題がありますね? そうです。 Adobe の After Effects(AE)がないとアニメーションが作れないという問題です。 たくさんの人たちが嘆き苦しみながら AE を使うために Adobe に課金している事だと思います。 そんな人々を救うため、 最近では AE を使わなくてもアニメーションを作れるようにとLottie Labというサービスが開発されていたりします。 しかし、まだまだ公開には至っていない状態です。(2022/12/07 現在) そこで、Rive 登場 AE で行っていたアニメーションの作成から、書き出しまで全て Web 上で完結できるサービスです。 今回は、アニメーションの設定から React で動かすまでをやってみたいと思います!
こんにちは! インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK! ユニーク万歳! でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう!」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです! 紹介したいWebメディアが
この記事では、「それ、何使ってるの?」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
こんにちは! デザイナーのカイトです! デザイン未経験でLIGに入社して約半年が経ちました。右も左もわからないままWeb業界に飛び込み、日々周囲の方に助けられながらデザインを作り続けることができています。 先輩にデザインのフィードバックをいただくときに「このブログがおすすめ」「このサイトの参考サイトや素材サイトはいいよ」と教えてもらい、それらのサイトを活用しデザインの参考にしています。 そこで今回は未経験者の僕が半年を通して先輩に教えてもらってタメになったブログや、実際の業務で普段から利用している参考サイト・素材サイトについてご紹介したいと思います。 これからデザイナーを目指す方で、これから何を準備したらいいかわからない方や、何を勉強したらいいか迷った方、どんなサイトを使ってデザインをしてみたらいいのかなど、イメージを掴んでいただけたら幸いです。
ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA
こんにちは、デザイナーのしーちゃんです。 突然ですが、デザイン時にアイデアが出なくなってしまったことはありませんか? 私は何度もあります……。 そういうときの解決策は色々あると思いますが、私の場合はネットで色々検索して、他のデザイナーの方々のデザインを見ることで新たなアイデアのヒントを得ています! まだ解決策が確立していなかったり、いつもの解決策を行ってもなかなかアイデアが降りてこないとき、この記事で紹介するサイトを見て着想を得ていただけると幸いです! AIGA (Eye on Design) 画像引用元:AIGA AIGAはアメリカにある最も古く、最大のデザイン会員組織です。 Eye on Designブログには、デザインに関するいくつかのユニークなトピックがあって、教育やタイポグラフィの記事など、多種多様な記事が掲載されています。 また9つの主要なカテゴリに分類されていて、一気に色々な
CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff(ファイル比較)など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツールが揃っているので、ブックマークしておくと便利です。 SmallDev.tools smalldev-tools -GitHub SmallDev.toolsの特徴 SmallDev.toolsは、Web制作に役立つさまざまなツールが一箇所でまとめて利用できる便利サイトです。完全に無料で利用でき、登録など面倒なことは一切ありません。 最小限のインターフェース🤩 電光石火の速さ⚡ 広告はなし💩 プライバシーフリー🔐(データはすべて、サーバーに
Web制作のたびに繰り返し手こずって、時間のかかってしまう作業ってないでしょうか。 作業の効率化や時短において、限界を感じているひとにこそ刺さる、知っておきたい最新オンラインツールをまとめてご紹介します。 面倒な作業もあっという間に終わるだけでなく、どれも無料で利用でき、これまでのWeb制作がガラリと変わるコード不要の「ノーコード」Webページビルダーや、AI技術を活用したサービスも続々増えています。 「Web制作をもっと手早く終わらせたい」と考えているひとは、まずは自分だけのお気に入りツールを見つけてみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール 面倒なWeb制作におさらば!便利すぎる新登
みなさんこんにちは! Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう?」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します! 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも? Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
どうも、まさとらん(@0310lan)です! 今回は、WebサイトのHTML内に1行のコードを追加するだけで、誰でもノーコードでカスタマイズができるようになるWebサービスをご紹介します! Webサイトの要素を直接クリックしてそのまま編集ができるようになるので、誰でも簡単にカスタマイズができるうえ、好きな要素を追加してまったく異なるページを作成してしまうことも可能です。 Webサイトのカスタマイズやノーコード開発にご興味ある方は、ぜひ参考にしてみてください! 【 Scepter 】 ■「Scepter」の使い方 それでは、「Scepter」をどのように使えばいいのか詳しく見ていきましょう! まず最初にトップページ上部にある【Sign up for Free】ボタンをクリックして無料のユーザー登録を済ませておきます。 ユーザー名・メールアドレス・パスワードを入力すれば登録完了です! 次に「S
プログラミングの知識が無くても、たくさん用意されたテンプレートを編集して簡単にウェブサイトを作成できる「Carrd」は無料で使用できるサービスです。どのくらい簡単にウェブサイトを作成できるのか、実際に使って確かめてみました。 Carrd - Simple, free, fully responsive one-page sites for pretty much anything https://carrd.co/ Carrdでウェブサイトを作成するには、上記のURLにアクセスして「Choose a Starting Point」をクリック。 まずはウェブサイトのテンプレート選択から始まります。テンプレートは記事作成時点で77種類あり、無料版では52種類が使用可能になっていました。 各テンプレートはウェブサイトがどのように表示されるかを実際に確認することが可能。表示を確認するには、テンプレ
緊急時には、さまざまな組織が重要な情報を素早く配信する方法が必要になりますが、そのような状況では情報を配信するためのウェブサイトに非常に多くのアクセスが来ることも多く、WordPressやJoomla!のようなCMSで作成したサイトが更新できなくなってしまうことも。そうした場合に備えて、緊急の場合にも安定して更新・閲覧が可能なウェブサイトを簡単に作成できるようにしたボイラープレートをウェブエンジニアのマックス・ボックさんが作成し、「Emergency Website Kit」と名前を付けて公開しています。 Emergency Website Kit | Max Böck - Frontend Web Developer https://mxb.dev/blog/emergency-website-kit/ ボックさんによると、最も障害耐性が高いのはシンプルにHTMLファイルを配置する静的な
自分で本やイラスト、雑貨、アクセサリーを作ってブログやウェブサイトでそれを公開していても、いざ商品として売るとなると「管理がややこしそう」「ネットショップを作るのは大げさかな……?」と二の足を踏んでしまいます。ネットショップ作成サービスの「イージーマイショップ」は無料でさくっとネットショップを作ることができるだけでなく、手持ちのブログやウェブサイトに「カートに入れる」ボタンを追加するだけという使い方も可能とのことなので、実際にウェブサイトをネットショップ化させてみました。 ネットショップ開業はイージーマイショップ | セット販売やオーダーメイド商品に強いネットショップ構築 https://www.easy-myshop.jp/ 目次 ◆ブログに「カートに入れる」ボタンを追加するとこんな感じ ◆サクッとカートの埋め込みを設定してみた ◆注文を的確に処理できる「店長ナビ」 ◆どんどん機能追加し
CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常に便利です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く