もうロボットアニメのコックピットにはレバーもボタンもない。https://dailyportalz.jp/kiji/wanna-be-a-hero DPZだけど、ロボットアニメの真似をしたらタッチパネルになるっていうのは、なんというか衝撃的だ。 そりゃGレコもタッチ操作だけどさ。 言葉もしゃべれんガキがタブレット操作してYouTube見る時代だもんなあ。 もうレバーもボタンもアナクロの象徴なのか。 昔のアニメに出てくるコンピューターに角が生えてたり紙テープで出力してたような。
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
iPhoneユーザなら覚えておかないと絶対損する、カッコなどの「記号文字入力」の小ワザまとめ
iPhoneで文字入力をする友人を見ていた時に（どんな時だ） 「あっ、その記号ならこうすればもっと簡単に入力できるのに…」 などと思うことがありましたのでまとめてみました。 「フリック入力のみ」にしておこう まずは設定のお話。 iPhoneで文字入力の速度を上げるには「フリック入力のみ」が欠かせません（指を縦横に動かしたり弾いたりして行う文字入力）。 デフォルトの状態でもフリック入力は当然可能なのですが、更に便利にするために「フリック入力のみ」をONにしておきましょう。 「フリック入力のみ」の設定方法 各種記号の出し方 ではでは、iPhoneを使用していて「この記号、簡単に出せたらなぁ…」とお悩みの方に下記の小ワザを捧げましょう。 「、」を変換 「わ」の左側にあるボタンをタップすると顔文字が色々出てきますが、右側にあるボタンを一度タップして「、」を入力すると、変換候補に ナカグロ（・） カ
CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
露出狂にあった話をします - 私の時代は終わった。
ここ最近、言いたいことといえば、「露出狂にあった」ってことかな。 傘はとうに吹き飛んでいて、ここ東京で遭難するような雪の日に、 逃げ込んだ新宿ルミネストの地下へと続く階段の踊り場で、露出狂にあった。 命からがら氷ついた髪の毛が少しづつとけて、ただもう家に帰りたいと無心に階段を下りていると、後ろから丸ビル勤務かなってくらい上等なコートを着こなしたレオンのようなサラリーマンに声をかけられた。 「ティッシュ持っていませんか？」 ティッシュとな。 このナイアガラの滝のように鼻をたらしてる女に、よくも聞いたねと、振りむけば丸ビル。 断じて不所持のチッスを、探してるふりの様式美。あれー？あれれー？つって。 エアギターもここまでってくらいカバンをガサゴソしながら、 チラチラと赤らめた顔でリーマンを盗み見ると、 リーマンのコートの第６ボタンくらいのとこから、リーマンのリーマン部分がサラッと出てた。 これが
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
デザインの引き出しを増やそう！細部にまでこだわった美しいウェブUIエレメントのPSD素材のまとめ
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン（Call to Action Button）】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在
2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」
「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報
iOSのさまざまなUIエレメントが揃った、iPhoneアプリ用のワイヤーフレーム素材 -Sketchkit
Sketchkit [ad#ad-2] Sketchkitの特徴 Sketchkitのデモ ワイヤーフレームに関するメモ Sketchkitのダウンロード Sketchkitの特徴 デザインは非常にシンプルなスタイル。 マスタースライドからUIエレメントをコピペで簡単配置。 全てのエレメントとテキストのラベルは編集・リサイズが可能。 スライドのサイズはペーパープロト用に最適化。 まもなく、Android版もリリース。 Sketchkitのデモ Sketchkitは、下記のようになっています。 [ad#ad-2] ワイヤーフレームに関するメモ ワイヤーフレームはプロダクトの目的と機能を検討することを目的としたものです。決して、最終のユーザインターフェイスではありません。 Sketchkitはユーザインターフェイスのために、プロトタイプとしてのデザインディレクションが意図されていないことを明確
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
月額2960円で防水スマホ＋ドコモ回線、しかもテザリングOKの新サービス「MEDIAS for BIGLOBE」を使ってみました
6月1日からNTTドコモの下り最大14Mbps/上り最大5.7Mbpsによる3G回線とデータ通信専用の防水スマートフォン「MEDIAS NEC-102」をセットにしたサービス「MEDIAS for BIGLOBE」が開始されます。無料でテザリングも最大5台まで可能となっています。 月額プランは2つ、午前2:00から20:00まで利用可能な2960円の「デイタイムプラン」と、24時間利用可能な3960円の「スタンダードプラン」となっており、いずれもデータ通信専用で音声通話はできないため、通話するためには別途Skypeなどが必要です。 学生向けの類似サービスである「タダスマ」の場合は月額データ通信料が2980円なので、今回発表されたビッグローブの「デイタイムプラン」の方が20円だけ安く、なおかつ契約期間の縛りはタダスマが3年でビッグローブは2年、しかもビッグローブはタダスマと違って広告が表示さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事